vue-router history mode

Question

使用Vue-router history模式,为什么npm run dev通过express创建的虚拟服务器可以访问,但是打包之后再本地访问不了,并且,所有需要加载的文件都加载出来了的!
代码和截图如下:
使用的是vue-cli webpack
代码结构:

router/index.js
import Vue from 'vue'
import Router from 'vue-router'
import Hello from '@/components/Hello'
import Aaa from '@/components/Aaa'

Vue.use(Router)

export default new Router({
  routes: [
    {
      path: '/',
      name: 'Hello',
      component: Hello
    },
    {
      path: '/Aaa.html',
      component: Aaa
    }
  ],
  mode:'history'
})

npm run dev 后

webpack打包之后通过本地服务器环境打开的情景:

所有的JS文件和Css文件以及Hmtl都加载出来了,可就是页面显示不出来,求大神帮帮忙!!!

Answer 1

如果使用history mode的话，线上代码的运行是需要服务器提供支持的
具体配置参考 https://router.vuejs.org/zh-c...

Answer 2

这个问题我以前回答过,主要是要改部署的服务器,让他放弃路由的解释,将路由解释交给前端
传送门

Answer 3

请问下楼主，你们用的服务器是哪个？tomcat能这样用吗？

Answer 4

{
    path: '/Aaa',
    component: Aaa
}

试一下

Answer 5

mode: 'history',要在路由最后加 {path: '*',redirect: '/'}