vue 各种打包坑

我会带着你远行 2023-10-11 12:28 30阅读 0赞

**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：'./'就行了，有两处，都要改成'./'哦。

有新的坑在补充。

踩到坑才说明在进步。

逆水行舟，难灭凌云之志！

转载于:https://www.cnblogs.com/wubaiwan/p/11551162.html