沐若清辰
人生如茶,浓也好,淡也好,各有味道

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就是端口号;

 

posted on 2019-12-04 16:56  沐若清辰  阅读(2531)  评论(0编辑  收藏  举报