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：'./'就好了，有兩處，都要改爲'./'哦。

 

有新的坑在補充。

踩到坑才說明在進步。

逆水行舟，難滅凌雲之志！