在特定業(yè)務(wù)場景下,打包后部署的外部訪問路徑并不是根路徑或者需要加一個特定的訪問前綴,這時候就需要打包后的資源引用使用相對路徑,具體解決方法, 編輯項目里面的 .aid/aid.js 文件
- 配置代碼拆分懶加載的引用前綴
beforeBuild() {
return {
publicPath: ''
}
}
- 配置構(gòu)建后的index.html中js,css等資源的引用前綴
outputPrefix: ''
- 配置不參與構(gòu)建的static資源引用前綴
staticPrefix(staticFolder, file) {
if (extname(file) === '.css') {
return '../static'
}
return 'static'
}
- 修改工程內(nèi)
vue-router的配置
const router = new VueRouter({
base: '<訪問前綴>',
})
- 服務(wù)器部署的配置,請參見 vue-router后端配置
nginx示例
location ^~ /<訪問前綴> {
alias /path/to/project;
index index.html;
try_files $uri $uri/ /index.html =404;
}
