Vue專案打包

2021-10-10 00:14:28 字數 613 閱讀 4964

解決方法:配置vue.config.js如下:

module.exports =
使用npm run build命令進行打包,但是直接開啟index.html是無法看到內容的,因為無法載入其中的內容,所以必須使用伺服器來開啟網頁,這裡以express伺服器為例檢視

1.全域性安裝express-generator生成器。

express-generator是express新版本分離出來的命令工具,想要使用express命令必須裝這個依賴。

npm install express-generator -g // 也可使用cnpm比較快

2.建立乙個express專案。

express expressname // expressname是專案名

3.進入專案目錄,安裝相關專案依賴。

cd expressname

npm install // 或cnpm install

4.將vue build後生成的dist資料夾下的所有檔案複製到express專案的publick資料夾下面,然後執行  npm start 來啟動express專案。

5.開啟瀏覽器,輸入localhost:3000就可以看到效果了。

vue 專案打包

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

vue專案打包

首先開啟config index.js,將assetspublicpath值改為 注意是build的一對花括號裡 assetspublicpath 這個在你的build的一對花括號裡,用來解決js,css路徑問題 然後開啟 build utils.js 加上publicpath 如下 return ...

vue專案打包問題

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