溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
本篇文章給大家分享的是有關Vue-cli如何實現打包 config/index.js文件，小編覺得挺實用的，因此分享給大家學習，希望大家閱讀完這篇文章后可以有所收獲，話不多說，跟著小編一起來看看吧。
默認情況下以當前域名為根目錄向下訪問。
舉例，若需要部署到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如何實現打包 config/index.js文件，小編相信有部分知識點可能是我們日常工作會見到或用到的。希望你能通過這篇文章學到更多知識。更多詳情敬請關注億速云行業資訊頻道。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
