原文:vue-cli中打包圖片路徑錯誤

最近第一次使用vue cli構建項目,第一次打包部署到服務器上的時候出現圖片加載不出來,結合網上的方法,終於給摸索出來。將項目部署到服務器上分為兩種:一種是直接部署到服務器的根目錄,另外一種是部署到服務器的子目錄下 .我們首先來說部署到根目錄下 就是比如:www. .com 找到項目中config文件夾下的index.js文件 將文件中的assetsPublicPath: ,改成如下方框這樣。 這 ...

2017-10-26 14:35 0 2255 推薦指數:

查看詳情

vue-cli打包項目后路徑錯誤問題

一、問題描述 執行 npm run build 命令后,打包生成dist文件夾,訪問的時候報如下錯誤: 二、解決辦法 在根目錄下,新建 vue.config.js文件,內容如下, 再次打包,順利訪問: ...

Mon Mar 16 03:50:00 CST 2020 0 1141
vue-cli打包圖片路徑取不到的問題

今天准備把vue-cli build 的文件發到服務器上單發現會出現圖片找不到的問題 解決辦法如下 修改 assetsPublicPath: './' .打開webpack.prod.conf.js,在output:增加 publicPath: './' 雖然解決了資源路徑的引用問題 ...

Thu Apr 25 01:21:00 CST 2019 0 726
vue-cli項目打包出現空白頁和路徑錯誤問題

vue-cli項目打包: 1. 命令行輸入:npm run build 打包出來后項目中就會多了一個文件夾dist,這就是我們打包過后的項目。 第一個問題,文件引用路徑。我們直接運行打包后的文件夾的index.html文件,會看到網頁一片空白,f12調試,全是css,js ...

Tue Nov 21 17:57:00 CST 2017 2 21551
vue-cli項目打包出現空白頁和路徑錯誤問題

vue-cli項目打包: 1. 命令行輸入:npm run build 打包出來后項目中就會多了一個文件夾dist,這就是我們打包過后的項目。 第一個問題,文件引用路徑。我們直接運行打包后的文件夾的index.html文件,會看到網頁一片空白,f12調試,全是css,js ...

Thu Dec 21 19:03:00 CST 2017 0 1517
vue-cli腳手架npm run build打包圖片路徑問題 2018.11.21

2018/11/21 最近在自己嘗試做一個vue的項目,發現了一個打包以后出現的路徑問題   使用npm run dev 可以正常打開項目,圖片路徑不會出錯,使用腳手架npm run build 打包以后打開index.html 發現所有圖片加載不出來, 發現路徑前面都多了一個斜杠 ...

Wed Nov 21 17:54:00 CST 2018 0 1581
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM