原文:vue打包空白及字體路徑錯誤問題

vue項目打包后空白 在config index.js文件中assetsPublicPath: , 改為assetsPublicPath: . , build: Template for index.html index: path.resolve dirname, .. dist index.html , Paths assetsRoot: path.resolve dirname, .. di ...

2019-09-11 09:25 0 354 推薦指數:

查看詳情

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項目打包后打開index.html頁面顯示空白以及圖片路徑錯誤問題

在config/index.js中的build命令的配置有一個屬性叫assetsPublicPath,它的值為‘/’。意思是根目錄,這時會從index.html所在的硬盤的根目錄下開始查找,自然無法找到。 解決辦法:改為‘./’這時就不再是絕對路徑的根目錄了,而是改為了相對路徑,同目錄下進行 ...

Sun Jul 28 23:17:00 CST 2019 0 547
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打包后.woff字體文件路徑問題處理

在執行 npm run build 命令打包后,如果出現 .woff 等字體文件找不到的情況 通過設置 vue-style-loader 打包前綴路徑解決 ...

Tue Jun 11 19:49:00 CST 2019 0 1198
vue打包路徑問題

因為應用上線的地址不是根目錄,而vue打包之后的默認路徑是從根目錄開始算的,所以導致js跟css路徑不對的問題 解決方法:修改config/index.js下面的代碼,將 assetsPublicPath: '/'跟路徑修改為assetsPublicPath: './'當前文件夾路徑 ...

Wed Apr 13 19:04:00 CST 2022 0 1485
vue-cli打包項目后路徑錯誤問題

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

Mon Mar 16 03:50:00 CST 2020 0 1141
vue項目打包字體引用路徑報錯

vue項目打包發布發現圖標不見了,F12一看 打包字體引用路徑報錯 字體文件放在static/fonts目錄下,但是瀏覽器中顯示的引用路徑是:static/css/static/fonts/... 在項目build/utils.js文件中,找到 ...

Mon Jun 08 02:57:00 CST 2020 0 553
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM