vue项目中必须要localhost:8080/#/main这样才能访问到应该怎么修改？

Question

vue项目中router.js中路由的配置，现在必须要localhost:8080/#/main这样才能访问到，localhost:8080/main这样就不可以这是什么原因导致的应该怎么修改？

export default new Router({
  routes: [
    {
      path: '/',
      name: 'HelloWorld',
      component: HelloWorld
    },
    {
      path: '/main',
      name: 'main',
      component: Main
    },
    ]
})

Answer 1

history-mode

Answer 2

在开发的过程中会发现，访问VUE的项目是会在访问地址后面加上#，这个#其实是VUE的HASH模式所产生的，正确点来说是因为VUE使用了HASH模式。

那么先说如果不想有#应该怎么做：修改路由Router的mode为history即可
例如在vue init webpack my-project创建项目完毕以后，在src->router->index.js里修改

import Vue from 'vue'
import Router from 'vue-router'

Vue.use(Router)

export default new Router({
  mode: 'history'  //把Router的mode修改为history模式,VueRouter默认的模式为HASH模式
})