默認(rèn)情況下以當(dāng)前域名為根目錄向下訪問(wèn)。
舉例，若需要部署到www.***.com/catalog1/catalog2/下，需要更改
1、config/index.js文件中，build下assetsPublicPath屬性為'/catalog1/catalog2/'，如下：
build: {
assetsPublicPath: '/catalog1/catalog2/',
默認(rèn)情況下該值為'/'（該屬性目測(cè)是webpack打包時(shí)的文件引用路徑的基礎(chǔ)路徑）。
2、修改路由base屬性為'/catalog1/catalog2/',如下：
|
1
2
3
4
5
6
7
8
9
10
11
|
export default new Router({ mode: 'history', base: '/catalog1/catalog2/', routes: [ { path: '/', name: 'indexContent', component: indexContent } ]}) |
其中mode設(shè)置為'history'可清除路徑中的#（本地測(cè)試有效）。
設(shè)置完成后重新打包。
補(bǔ)充知識(shí)：vue-cli打包并配合nginx域名二級(jí)子目錄
可以修改三個(gè)配置
1.路由
|
1
2
3
4
5
|
const route = new Router({mode : 'history',base: '/admin/',routes:[]}) |
2.打包文件 config/index.js
build設(shè)置
assetsPublicPath: '/admin/',
3.nginx配置
try_files $uri $uri/ /admin/index.html;
4.項(xiàng)目目錄配置實(shí)例
項(xiàng)目路徑 web/admin/index.html
以上這篇Vue-cli打包后部署到子目錄下的路徑問(wèn)題說(shuō)明就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持服務(wù)器之家。
原文鏈接：https://blog.csdn.net/qq_36098938/article/details/82789795
