Vue-cli打包后部署到子目录下路径问题

Vue-cli打包后部署到子目录下路径问题

默认情况下以当前域名为根目录向下访问。

举例，若需要部署到www.***.com/catalog1/catalog2/下，需要更改

1. config/index.js文件中，build下assetsPublicPath属性为'/catalog1/catalog2/'，如下：

   build: {
   assetsPublicPath: '/catalog1/catalog2/', 
   

   默认情况下该值为'/'（该属性目测是webpack打包时的文件引用路径的基础路径）。

2. 修改路由base属性为'/catalog1/catalog2/',如下：

   export default new Router({
      mode: 'history',
      base: '/catalog1/catalog2/',
      routes: [
      {
      	path: '/',
      	name: 'indexContent',
      	component: indexContent
      }
      ]
   })
   

其中mode设置为'history'可清除路径中的#（本地测试有效）。
设置完成后重新打包。