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就是端口號；