Vue-cli打包后部署到子目錄下的路徑問題說明
更新時間：2020年09月02日 08:39:15 作者：ryy6293
這篇文章主要介紹了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'可清除路徑中的#（本地測試有效）。
設置完成后重新打包。
補充知識：vue-cli打包并配合nginx域名二級子目錄
可以修改三個配置
1.路由
const route = new Router({
mode : 'history',
base: '/admin/',
routes:[]
})
2.打包文件 config/index.js
build設置
assetsPublicPath: '/admin/',
3.nginx配置
try_files $uri $uri/ /admin/index.html;
4.項目目錄配置實例
項目路徑 web/admin/index.html
以上這篇Vue-cli打包后部署到子目錄下的路徑問題說明就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
這篇文章主要為大家詳細介紹了vue實現(xiàn)驗證用戶名是否可用，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-01-01
這篇文章主要給大家介紹了關于vue-router懶加載的3種方式，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2021-02-02
下面小編就為大家分享一篇vue 每次渲染完頁面后div的滾動條保持在最底部的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-03-03
Vue全局監(jiān)測錯誤并生成錯誤日志實現(xiàn)方法介紹
在做完一個項目后，之后的維護尤為重要。這時，如果項目配置了錯誤日志記錄，這樣能大大減少維護難度。雖然不一定能捕獲到全部的錯誤，但是一般的錯誤還是可以監(jiān)測到的。這樣就不用測試人員去一遍一遍復現(xiàn)bug了2022-10-10
這篇文章主要為大家詳細介紹了vue+Element實現(xiàn)搜索關鍵字高亮功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-05-05
下面小編就為大家分享一篇基于Vue2.X的路由和鉤子函數(shù)詳解，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-02-02
Vue中通過vue-router實現(xiàn)命名視圖的問題
這篇文章主要介紹了在Vue中通過vue-router實現(xiàn)命名視圖,本文給大家提到了vue-router的原理解析，給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2020-04-04
vue.js前后端數(shù)據(jù)交互之提交數(shù)據(jù)操作詳解
這篇文章主要介紹了vue.js前后端數(shù)據(jù)交互之提交數(shù)據(jù)操作,結(jié)合實例形式較為詳細的分析了vue.js前后端數(shù)據(jù)交互相關的表單結(jié)構(gòu)、約束規(guī)則、數(shù)據(jù)提交等相關操作技巧與注意事項,需要的朋友可以參考下2018-04-04
結(jié)合Vue控制字符和字節(jié)的顯示個數(shù)的示例
這篇文章主要介紹了結(jié)合Vue控制字符和字節(jié)的顯示個數(shù)的示例，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-05-05
這篇文章主要為大家詳細介紹了vue2.0 keep-alive的最佳實踐，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-07-07