vue cli3打包專案

2021-10-08 06:01:08 字數 748 閱讀 4932

vue-cli3打包專案

使用vue-cli3開發好專案後,就可以將它打包,這樣就可以通過輸出檔案中的index.html來訪問該專案了。

在打包專案之前需要先修改兩個檔案,分別是vue.config.js,router/index.js。

如果沒有vue.config.js檔案的話就需要手動建立此檔案,並輸入publicpath=』./』。

module.exports =

注釋router/index.js中的mode:『history』,採用hash模式

const router =

newvuerouter

()

修改完這兩個檔案後使用npm run build 命令將專案打包。

出現以上結果表示打包成功,此時專案中會多出乙個dist資料夾,這個資料夾存放的就是專案的輸出檔案。

此時你可以通過訪問dist資料夾中的index.html訪問專案。

注意:在開發好專案之後應該先配置一些檔案,不是立馬就使用npm run build 命令對齊進行打包,這是不可取的。

vue cli3 打包到tomcat上報錯問題

首先 專案打包步驟 1 vue config.js 新增 publicpath 公共路徑 assetsdir static 2 將 注釋掉 proxy 3 將hash需要改成history的模式,但是改後又出現了新的問題,重新整理的時候找不到頁面 404 報錯 一直報錯誤 原因 寫的有錯誤 例如這種...

vue cli3打包時根據不同命令修改請求位址

在根目錄建立乙個.env.test檔案test名字可以自定義,在裡面寫入 node env test 在package.json檔案中scripts欄位中加入 test vue cli service build mode test scripts 在你設定baseurl的地方,比如 var bas...

vue cli3建立專案

預設 引入elementui 1.安裝element ui npm i element ui s 2.在main.js上新增 import elementui from element ui import element ui lib theme chalk index.css vue.use el...