欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

vue項(xiàng)目打包發(fā)布上線的方法步驟

 更新時(shí)間：2021年11月10日 15:14:35   作者：JingG459  
本文主要介紹了vue項(xiàng)目打包發(fā)布上線的方法步驟，文中通過示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下

vue項(xiàng)目開發(fā)完成后，我們需要將項(xiàng)目打包上線，同時(shí)我們希望可以在本地預(yù)覽生產(chǎn)環(huán)境項(xiàng)目

（以vue-cli腳手架生成的項(xiàng)目為例）

一、開發(fā)環(huán)境到生產(chǎn)環(huán)境的轉(zhuǎn)變

項(xiàng)目開發(fā)結(jié)束之后，首先我們需要通知后端，獲取一個(gè)線上的路徑，之后將之前的開發(fā)路徑切換為線上路徑。

打開項(xiàng)目中config文件夾里面的 dev.env.js 文件，將后端給的線上路徑填入。

'use strict'
module.exports = {
  NODE_ENV: '"production"',
  BASE_API: '"http://sdk.*********.cn:3838/"' //線上路徑
}

二、設(shè)置統(tǒng)一的請求路徑 

猶豫項(xiàng)目打包之后，所有的js，css，圖片都會(huì)在各自統(tǒng)一的文件夾內(nèi)，所以，之前的路徑需要改掉，單個(gè)修改花費(fèi)時(shí)間太長，那么應(yīng)該怎么做呢。

打開build文件夾里面的utils.js，根據(jù)需求添加，通常會(huì)添加兩個(gè)../。

  if (options.extract) {
      return ExtractTextPlugin.extract({
        use: loaders,
        fallback: 'vue-style-loader',
        publicPath : '../../'  //新添加的內(nèi)容，路徑配置
      })
    } else {
      return ['vue-style-loader'].concat(loaders)
    }
  }

在某種情況下，會(huì)出現(xiàn)html主路徑引入不正確的問題，這時(shí)候我們需要配置config文件夾內(nèi)部的index.js文件,修改assetsPublicPath，注意，這里的assetsPublicPath是build生產(chǎn)環(huán)境下的assetsPublicPath路徑，而不是dev開發(fā)環(huán)境下的assetsPublicPath。

三、運(yùn)行打包命令

npm run build
//一般情況如果不改的話都是build

運(yùn)行后的結(jié)果如上： 

運(yùn)行后生成 dist 文件夾

到此這篇關(guān)于vue項(xiàng)目打包發(fā)布上線的方法步驟的文章就介紹到這了,更多相關(guān)vue項(xiàng)目打包發(fā)布上線內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

相關(guān)文章

最新評論