vue npm run build打包路徑問題

2021-08-20 13:51:50 字數 1203 閱讀 8793

我的vue腳手架目錄結構如下

有個config資料夾,在index.js中有兩個方法乙個開發dev,乙個生產build

build:是我們的生產環境,資源使用相對路徑,所以會報錯

我們打包自然要設定build中的**了。下面是修改後的狀態,箭頭指向的地方之前是assetspublicpath: '/'

背景的路徑需要找到vue目錄結構中的build資料夾,裡面有個utils.js

這裡我們要設定utils.js

這段**是將css從打包中單獨提取出來作為乙個資料夾。

箭頭指向的publicpath:'../../'是我手填上去的,開始這裡是沒有這一項的,可以看到這個if判斷的上面有兩個英文注釋,翻譯一下就是:在指定該選項時提取css(在生產過程中是這樣的)。新增上這條位址路徑之後,你在看看你的背景圖有沒有出來。

想去掉位址的#,應該難看(挖坑中),最後打包的時候,頁面一直是空白的,路徑怎麼看都沒問題了,然後求助大佬,掃瞄出這個的問題,去掉之後問題就解決了(amazing.gif)。

由於 vue-cli 3 專案初始化後,沒有了 build 目錄,webpack.base.config.js、webpack.dev.config.js 、webpack.prod.config.js 等配置檔案。而是需要自己在更目錄下建立乙個vue.config.js

vue.config配置文件

修改路徑同vue2.一樣修改publicpath

spring boot打jar包和打war包的區別

原文 spring boot既可以打成war發布,也可以找成jar包發布。說一下區別 jar包 直接通過內建tomcat執行,不需要額外安裝tomcat。如需修改內建tomcat的配置,只需要在spring boot的配置檔案中配置。內建tomcat沒有自己的日誌輸出,全靠jar包應用輸出日誌。但是...

python手工打碼 Python學習 打碼平台

打碼平台介紹 優點 1.便宜 2.使用簡單 3.識別率高 平台介紹 極驗驗證碼智慧型識別輔助 超級鷹 打碼兔 若快打碼 等等 流程圖 使用者賬號用於登入,充值,平台是收費的 1元 1000分 開發者 新增我的軟體,獲取通訊秘鑰 檢視驗證碼型別 題分 使用者 充值 12306的驗證碼demoimpor...

如何打領結

大中小 不少男性來說,打領帶應該不算是什麼難事,如果你工作就是那種需要穿襯衫打領帶的上班族,那就更不用說了。不過說真的!雖然多數男性都會打領帶,不過真正熟悉的也不過就是那一千零一種。要不是 平結 再不就是 溫莎結 兩種,其實在一些專門教導男士如何結領結的書中歸納,有專屬名稱的領結至少就有十八種以上之...