Vue 变成history页面空白路由如何配置

1.

const router = new Router({
  mode: 'history',
  routes: [...]
})
2.当变成history模式之后，页面就会出现空白，他需要前端和后端进行配合处理   原因是访问路劲有问题，是因为nginx部署的时候，并没有部署到根目录中，而是存放到项目的子目录中
所以我们要需要在routr.js中添加项目名称
有两种方法。1。在每个路由的path路径都添加/项目名称/
或者在路由配置中添加base路径

const router = new Router({
  mode: 'history',
  base: process.env.BASE_ENV === 'dev' ? '' : '/dirName/', // 两边斜杠要加（PS: 打包生成到其他定制目录的时候要修改） //dirName是指项目名称
  routes: [...]
})

2.config/index.js，修改build对象里的assetsPublicPath

build: {
    ...
    assetsPublicPath: '/dirName/', // 生成后需要放到的目录
    ...
}
3.在网页搜索nginx，在nginx中存在nginx.conf，添加一下存在的判断数据；在sever中listen中修改成8080就是端口号；