vue 各種打包坑


1,報錯

Refused to load the image 'http://localhost:8080/favicon.ico'
 because it violates the following Content Security Policy directive:
 "default-src 'none'". Note that 'img-src' was not explicitly set,
 so 'default-src' is used as a fallback.;

 看不懂吧,翻譯一下

拒絕加載圖像“http://localhost:8080/favicon.ico”

因為它違反了以下內容安全策略指令:

“默認SRC‘none’”。請注意,沒有顯式設置“img-src”,

所以“default src”用作回退。

 解決辦法及原因:打包的時候,改掉了config文件夾中的index.js里面的assetsPublicPath: ‘/’,的路徑,所以才導致了這個報錯。改回來就ok了。

 

2,點擊路由切換報錯下面代碼,而且一刷新就跳404;

Uncaught SyntaxError: Unexpected token <
Error: Loading chunk 1 failed.
    at HTMLScriptElement.u (bootstrap cda6aba49714b00712f5:103)

 看不懂吧,不懂就對了,我也不懂,但是找到原因

解決辦法及原因:這是因為寫路由的時候為了好看使用了 mode:'history' 模式去掉 # 號,但是在服務器是不認識去掉#的好鏈接的,所以返回一個404頁面。這個問題官網解釋如下,要使用history模式 需要服務器支持,目前對服務器不了解,所以就簡單粗暴不用history模式了,問題就解決了。

3,打包后報錯如下

Uncaught SyntaxError: Unexpected token <
Uncaught SyntaxError: Unexpected token <
Uncaught SyntaxError: Unexpected token <

 解決辦法及原因:因為config 文件夾下面的 index.js 配置 assetsPublicPath:'/'  引用文件是路徑是相對更目錄來引用的,但我們打包后生成的dist

         文件夾index.html 引入的路徑都在當前目錄下的static文件夾下,所以只要打包的時候改成assetsPublicPath:'./'就行了,有兩處,都要改成'./'哦。

 

有新的坑在補充。

踩到坑才說明在進步。

逆水行舟,難滅凌雲之志!


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM