2 vue專案打包及靜態檔案報錯解決

通過vue-cli建立的專案

npm run dev執行開發環境可以看到效果，

但是npm run bulid之後，生成的dist檔案下的index.html直接開啟不顯示內容，看不到效果，報錯如下：

在 webpack.prod.conf.js 中的 output 新增引數publicpath:』./』

具體**：

在 webpack.prod.conf.js 裡

output:

在專案根目錄新建檔案vue.config.js並寫如下**：

// vue.config.js

module.exports = 

// ...

export default new router(
]})

vue專案打包步驟及執行打包專案

1 專案打包 終端執行命令 npm run build 打包成功的標誌與專案的改變，如下圖 點選index.html，通過瀏覽器執行，出現以下報錯，如圖 那麼應該如何修改呢？具體步驟如下 1 檢視package.js檔案的scripts命令 2 開啟webpack.dev.conf.js檔案，找到p...

vue專案靜態資源打包方法

如何用.npm run build打包靜態資源 1.開啟build資料夾下的webpack.base.conf.js，如下圖，將紅圈地方改為紅箭頭所指的一行 2.開啟config資料夾下index.js如下圖，將藍箭頭所指改為紅箭頭所指 3.開啟build資料夾下的utils.js如下圖，將圈出的 ...

打包的Vue靜態檔案放入express

一 nodejs express 搭建 1.全域性安裝express generator npm install express generator g 2.專案初始化 express e server3.進入專案 cd server 進入專案目錄下4.安裝依賴 npm install 使用cnpm...