# 在插件中使用第三方库时出现CSP错误

**URL:** https://meta.discourse.org/t/csp-error-when-using-third-party-library-in-plugin/271498
**Category:** Development
**Created:** [2023年七月13日 04:03 UTC](https://meta.discourse.org/t/csp-error-when-using-third-party-library-in-plugin/271498 "2023-07-13T04:03:06Z")
**Posts on this page:** 10
**Page:** 1

<div class="post-metadata">

### Author: ![peter.be](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/peter.be/32/314243_2.png) [@peter.be](https://meta.discourse.org/u/peter.be)
#### Post date: [2023年七月13日 04:03 UTC](https://meta.discourse.org/t/csp-error-when-using-third-party-library-in-plugin/271498/1 "2023-07-13T04:03:07Z")

</div>

经过多次尝试和不同的方法，我终于成功加载了一个第三方库供我的插件使用。

该库位于 `public/javascripts/some-library.js`。

在我的控制器中，我可以通过以下方式成功加载脚本：

```js
loadScript("/plugins/my-plugin/javascripts/some-library.js")

```

在某些情况下，该库会在该文件中创建 Blob 并将其分配给正在使用的变量。例如：

```js
var A=URL.createObjectURL(new Blob(['\n\tsome code snippet...],{type:"application/javascript"}))

```

每当我尝试在我的插件代码中使用该库时，我都会收到：

`Refused to load the script 'blob:http://localhost:4200/f33a6788-a853-4286-883a-48cb8e2c9cc1' because it violates the following Content Security Policy directive: "script-src http://localhost:4200/assets/ etc etc...`

有什么最好的方法可以解决这个问题？

感谢任何帮助和建议！

---

<div class="post-metadata">

### Author: ![Firepup650](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/firepup650/32/465200_2.png) [@Firepup650](https://meta.discourse.org/u/Firepup650)
#### Post date: [2023年七月13日 04:33 UTC](https://meta.discourse.org/t/csp-error-when-using-third-party-library-in-plugin/271498/2 "2023-07-13T04:33:24Z")

</div>

如果将 `http://localhost:4200` 添加到 CSP 中会怎样？

---

<div class="post-metadata">

### Author: ![peter.be](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/peter.be/32/314243_2.png) [@peter.be](https://meta.discourse.org/u/peter.be)
#### Post date: [2023年七月13日 04:48 UTC](https://meta.discourse.org/t/csp-error-when-using-third-party-library-in-plugin/271498/3 "2023-07-13T04:48:18Z")

</div>

我确实试过了，但没有任何改变 :

---

<div class="post-metadata">

### Author: ![Firepup650](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/firepup650/32/465200_2.png) [@Firepup650](https://meta.discourse.org/u/Firepup650)
#### Post date: [2023年七月13日 04:59 UTC](https://meta.discourse.org/t/csp-error-when-using-third-party-library-in-plugin/271498/4 "2023-07-13T04:59:22Z")

</div>

`blob:http://localhost:4200`怎么样？

---

<div class="post-metadata">

### Author: ![peter.be](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/peter.be/32/314243_2.png) [@peter.be](https://meta.discourse.org/u/peter.be)
#### Post date: [2023年七月13日 05:12 UTC](https://meta.discourse.org/t/csp-error-when-using-third-party-library-in-plugin/271498/5 "2023-07-13T05:12:02Z")

</div>

我也试过了，但这对 CSP 来说是一个无效的声明 😕

---

<div class="post-metadata">

### Author: ![peter.be](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/peter.be/32/314243_2.png) [@peter.be](https://meta.discourse.org/u/peter.be)
#### Post date: [2023年七月14日 21:35 UTC](https://meta.discourse.org/t/csp-error-when-using-third-party-library-in-plugin/271498/6 "2023-07-14T21:35:04Z")

</div>

对于偶然发现此问题的人来说，添加到 csp script src 的正确行是 `blob:`

---

<div class="post-metadata">

### Author: ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [2023年七月15日 05:25 UTC](https://meta.discourse.org/t/csp-error-when-using-third-party-library-in-plugin/271498/7 "2023-07-15T05:25:07Z")

</div>

等等！您不需要在开发中实现 CSP，您不会面临攻击者的风险？

它还可能阻止一些开发者工具。

只需关闭此设置：

 ![IMG_0197](https://global.discourse-cdn.com/meta/original/4X/b/8/9/b89de228399dd21c9dd98d7f6d0081a30824d3fd.jpeg)

很简单。

等到您的插件在生产暂存服务器上正常运行并经过测试后再处理这个麻烦。

---

<div class="post-metadata">

### Author: ![peter.be](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/peter.be/32/314243_2.png) [@peter.be](https://meta.discourse.org/u/peter.be)
#### Post date: [2023年七月15日 06:46 UTC](https://meta.discourse.org/t/csp-error-when-using-third-party-library-in-plugin/271498/8 "2023-07-15T06:46:01Z")

</div>

> [@merefield](#):
>
> 我建议等到你在生产暂存服务器上进行了插件测试，证明其可用后再处理这个麻烦。

我确实正处于准备生产阶段，所以这是最后一个需要解决的麻烦。而且，我不喜欢拖延这些事情，尤其是当需要弄清楚它们是否可能是潜在的交易破坏者，以及我是否需要寻找其他途径时 🏄‍♂️

---

<div class="post-metadata">

### Author: ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [2023年七月15日 06:56 UTC](https://meta.discourse.org/t/csp-error-when-using-third-party-library-in-plugin/271498/9 "2023-07-15T06:56:34Z")

</div>

是的，但你应该在具有真实互联网地址的生产暂存服务器上处理 CSP 配置。

localhost 不是互联网地址！🙂😉 它甚至不是 https……

---

<div class="post-metadata">

### Author: ![system](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/system/32/443519_2.png) [@system](https://meta.discourse.org/u/system)
#### Post date: [2023年八月14日 06:56 UTC](https://meta.discourse.org/t/csp-error-when-using-third-party-library-in-plugin/271498/10 "2023-08-14T06:56:56Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.
