Vue-cli打包后部署到子目录下路径问题
Vue-cli打包后部署到子目录下路径问题默认情况下以当前域名为根目录向下访问。举例,若需要部署到www.***.com/catalog1/catalog2/下,需要更改config/index.js文件中,build下assetsPublicPath属性为'/catalog1/catalog2/',如下:build: {assetsPublicPath: '/catalog1/ca...
·
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'
可清除路径中的#
(本地测试有效)。
设置完成后重新打包。
更多推荐
已为社区贡献1条内容
所有评论(0)