這篇文章將為大家詳細講解有關vue項目如何打包發布上線，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。
項目開發結束之后，首先我們需要通知后端，獲取一個線上的路徑，之后將之前的開發路徑切換為線上路徑。
打開項目中config文件夾里面的 dev.env.js 文件，將后端給的線上路徑填入。
'use strict'
module.exports = {
NODE_ENV: '"production"',
BASE_API: '"http://sdk.*********.cn:3838/"' //線上路徑
}猶豫項目打包之后，所有的js，css，圖片都會在各自統一的文件夾內，所以，之前的路徑需要改掉，單個修改花費時間太長，那么應該怎么做呢。
打開build文件夾里面的utils.js，根據需求添加，通常會添加兩個../。
if (options.extract) {
return ExtractTextPlugin.extract({
use: loaders,
fallback: 'vue-style-loader',
publicPath : '../../' //新添加的內容，路徑配置
})
} else {
return ['vue-style-loader'].concat(loaders)
}
}在某種情況下，會出現html主路徑引入不正確的問題，這時候我們需要配置config文件夾內部的index.js文件,修改assetsPublicPath，注意，這里的assetsPublicPath是build生產環境下的assetsPublicPath路徑，而不是dev開發環境下的assetsPublicPath。
npm run build //一般情況如果不改的話都是build
運行后的結果如上：
運行后生成 dist 文件夾
關于“vue項目如何打包發布上線”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，使各位可以學到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
