Vue-cli打包后部署到子目录下路径问题
默认情况下以当前域名为根目录向下访问。
举例,若需要部署到www.***.com/catalog1/catalog2/
下,需要更改
-
config/index.js
文件中,build
下assetsPublicPath
属性为'/catalog1/catalog2/'
,如下:build: { assetsPublicPath: '/catalog1/catalog2/',
默认情况下该值为
'/'
(该属性目测是webpack
打包时的文件引用路径的基础路径)。 -
修改路由
base
属性为'/catalog1/catalog2/'
,如下:export default new Router({ mode: 'history', base: '/catalog1/catalog2/', routes: [ { path: '/', name: 'indexContent', component: indexContent } ] })
其中mode
设置为'history'
可清除路径中的#
(本地测试有效)。
设置完成后重新打包。