vue專案打包

2021-09-16 01:20:50 字數 677 閱讀 8588

首先開啟config/index.js，將assetspublicpath值改為』./』

注意是build的一對花括號裡

assetspublicpath: '/',
這個在你的build的一對花括號裡，用來解決js,css路徑問題

然後開啟「build/utils.js」

加上

publicpath:'../../',
如下：

return extracttextplugin.extract()
ps：我沒截圖 ，複製**在檔案裡面 ctrl+f 就找到了

還有就是上線路徑問題，本地是localhost，線上路徑也得改

在config/index.js中修改

host:"線上位址"，


port：「線上埠號」
在proxytable{}中加入：（我的proxytable在host上方，你的應該也差不多，反正就在這個檔案裡面不會跑）

'/api': 


}
然後：

npm run build
開啟你的檔案目錄，就是這個專案的目錄，裡面生成了乙個dist檔案，拉出來發給後端上線，一切ok。

vue 專案打包

作為乙個前端之前並沒有打包過專案，因此想一下打包的效果，記錄一下我的打包過程 作為乙個開端 首先，專案打包前的目錄結構 然後，執行命令列 npm run build 因為是第一次打包，不熟悉打包的過程，與檔案的變更，首先看了一下檔案的結構，發現沒有compenent與views中檔案的生成目錄。是沒...

Vue專案打包

解決方法 配置vue.config.js如下 module.exports 使用npm run build命令進行打包，但是直接開啟index.html是無法看到內容的，因為無法載入其中的內容，所以必須使用伺服器來開啟網頁，這裡以express伺服器為例檢視 1.全域性安裝express gener...

vue專案打包問題

1.設定不同的介面位址 先找到以下檔案 config dev.env.js config prod.env.js 可以看到dev.env.js裡面內容如下 這是生產環境的引數配置,然後我們可以再上面檔案加入一行 如下 這就是本地測試環境請求後台介面的網域名稱 然後找到prod.env.js檔案,如下...