原文:vue項目打包后的資源路徑問題

最近做的vue項目,本地測試完成后,build上線,卻發現了文件路徑問題,提示各種諸如js,css等資源找不到的錯 正確解決方式有兩種,一種是絕對路徑配置,詳細可以網上查,個人推薦第二種相對路徑,這樣的話,項目遷移比較方便 具體配置如下: 第一步: 要注意:是config index.js下的build對象,不要改錯了 第二步: 這個是在build utils.js里。 ok,正常運行。 ...

2018-10-18 10:27 0 2285 推薦指數:

查看詳情

vue項目打包資源相對引用路徑的和背景圖片路徑問題

vue項目中若要使用相對路徑來獲得相應靜態資源, 在一般項目 build 之后都會生成一個 index.htm 文件和 一個 static 文件夾,而 static 這個文件夾需要被放置在根目錄下, 1.需要找到config --- index.js(webpack 是依據index.js ...

Tue Dec 18 19:20:00 CST 2018 0 2927
解決vue-cli 打包靜態資源路徑不對的問題

項目基於vue-cli搭建的,都會自動配置一些打包的參數。在實際項目中,可能會用到static下的靜態圖片。 打包出來,圖片加載錯誤。查看圖片路徑發現有雙層的static/css/static/images。很明顯是打包的時候,路徑配置的不對。 可以通過添加publicPath ...

Sat Dec 08 01:17:00 CST 2018 0 1352
vue-cli webpack打包加載資源路徑問題

vue項目,訪問打包項目,輸入路徑,頁面加載空白。這時會有兩類問題,都是路徑問題。 1.一個是css,js,ico等文件加載不到,是目錄里少了dist 打開頁面時一片空白 解決辦法: config/index.js文件的build->assetsPublicPath的默認值 ...

Wed Mar 28 23:03:00 CST 2018 0 7097
vue打包找不到資源路徑問題

問題描述: 使用webpack打包vue項目,前后端聯調無法找到資源 解決方案:   一、         改為相對路徑,去除axios中地址的第一個“/” onProxyReq: function (proxyReq, req, res ...

Sat Jul 27 04:54:00 CST 2019 0 663
Vue打包訪問靜態資源路徑問題

Vue介紹中static文件夾里放的是靜態資源目錄,如圖片、字體等。 我們發現運行npm run start本地圖片路徑是沒問題的,但是打包上傳后會怎么樣呢? 我們知道,執行npm run build 后會生成dist文件夾,把里面的index.html在瀏覽器運行會發現 圖片路徑 ...

Fri Nov 08 21:48:00 CST 2019 0 3059
vue項目打包css背景圖路徑不對的問題

問題描述: 自己在自學vue項目的過程中,遇到一個有關背景圖片路徑問題,就是css代碼中背景圖片是根據相對路徑來寫的,如下圖: 當使用npm run dev命令本地訪問的時候,背景圖片是正常顯示的,可使用npm run build命令打包,訪問dist目錄下的項目,頁面背景圖路徑就不 ...

Wed Jul 25 00:55:00 CST 2018 0 10382
vue打包,靜態資源失效問題

解決:vue打包,靜態資源失效問題 config目錄下index.js文件,assetsPublicPath設置為/;然后再npm run build一下即可。 如下圖設置。 小技巧:路徑設置也要看你的報錯提示路徑。網上有很多人說路徑這樣設置./ 點杠,這個要根據實際情況來。 ...

Mon Sep 21 18:30:00 CST 2020 0 746
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM