vue cli 3 x 上線 入坑合集

2021-09-01 13:00:28 字數 767 閱讀 1090

vue-cli 3.x 打包上線 【入坑合集】

問題1:使用vue-cli 3.x開發的專案,開發的時候順利無比,一旦打包上線各種問題就來了。首先是資源裡面報各種各樣的請求錯誤。

解決思路:在src資料夾同級目錄下建立vue.config.js檔案

在vue.config.js中重寫打包後的基礎路徑為當前目錄

module.exports =

問題2:重新打包之後上傳伺服器,發現訪問是不會報錯了,但是請求的資源(如index.html)這些又報304問題,整個頁面是乙個白屏,沒有任何自己的開發的東西解決思路:檢視各種資料後得出結論,應該是路由的載入模式的問題,因為vue-router的模式不同,導致伺服器不能夠識別,解決方案就是在router.js中 更改路由器的訪問模式。

將history模式更改為vue專案預設的hash模式即可

再次打包上傳伺服器,訪問成功

vue cli 3 x 搭建專案

一 安裝 vue cli 更新到 3.x 之後,vue cli 的包名從vue cli改成了 vue cli 如果之前全域性安裝了舊版本的vue cli 1.x 或 2.x 首先需要使用以下命令解除安裝掉 npm uninstall vue cli g or yarn global remove v...

vue cli2 x與vue cli3 x的搭建

vue cli2.x與vue cli3.x的搭建 搭建前提條件 一 node環境 這裡不詳細介紹 二 安裝webpack 執行npm install webpack g 三 安裝vue cli 2.x npm install vue cli g 建立專案 vue init webpack 專案名 不...

Vue CLI 3 x的使用 2 安裝

vue cli v3.x官方教程 關於與先前版本的說明 1.包名由vue cli變更為 vue cli 2.若需要全域性安裝舊版本的vue cli 1.x或2.x 則需要先解除安裝已安裝的版本,解除安裝指令 npm uninstall vue cli g或yarn global remove vue...