Node-vibrant: 不适用于交叉原点

创建于 2019-09-03 · 9评论 · 资料来源: Vibrant-Colors/node-vibrant

我在浏览器中使用了鲜艳的图像，图像位于与为我的应用提供服务的服务器不同的服务器上，实际上它们是 Google 地方信息照片。我尝试加载一个字符串或一个但我总是遇到跨域错误。我的浏览器是火狐。

我认为跨源图像是一个常见的场景，你是如何让它工作的？

Cross-Origin Request Blocked:
The Same Origin Policy disallows reading the remote resource at
https://maps.googleapis.com/maps/api/place/js/PhotoService.G...
(Reason: CORS header ‘Access-Control-Allow-Origin’ missing).

卢卡

good first issue

资料来源

lucafaggianelli

👍1

最有用的评论

有关此的任何更新？

jooohyunpark 于 2020-09-03

👍4 ❤1

所有9条评论

使用 cors-anywhere 对我有用。您所要做的就是将 cors-anywhere URL 添加到图像的 URL 中。

vibrantUrl= "https://cors-anywhere.herokuapp.com/" + imageUrl;

然后使用它传递给 Vibrant 构建器。请注意，如果您只是尝试将其加载到 img src 或背景图像等中，则不能使用此 cors URL——您仍然需要使用直接 URL。

SmartASCII 于 2019-09-20

👎2

@SmartASCII虽然这可能适用于某些情况，但为大型项目敲击cors-anywhere并不理想（也不会以这种方式泄漏数据）。我建议允许将任何Vibrant请求的标头添加为node-vibrant

crutchcorn 于 2019-09-20

是的，代理可以工作，但作为临时解决方法，我不会使用它
在生产中。最后我将图片上传到我的服务器，问题是
解决了

2019 年 9 月 20 日，星期五，20:54 Corbin Crutchley通知@ github.com
写道：

@SmartASCII https://github.com/SmartASCII虽然这可能适用于
在某些情况下，为更大规模的项目敲打 cors-anywhere 会
不理想（也不会以这种方式泄漏数据）。我建议允许
任何能够被修改的 Vibrant 请求的标头添加为
具有节点活力的功能
—
您收到此消息是因为您创作了该线程。
直接回复本邮件，在GitHub上查看
https://github.com/akfish/node-vibrant/issues/101?email_source=notifications&email_token=ABCDSA4GJKDYSKYAUY6C5ADQKUL5TA5CNFSM4ITLGRV2YY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXWSY2G073LNMVXWSY2G07000000
或静音线程
https://github.com/notifications/unsubscribe-auth/ABCDSAYXIIX65U3I25N256LQKUL5TANCNFSM4ITLGRVQ
.

lucafaggianelli 于 2019-09-20

同样的问题，正在寻找解决方法！

Areskul 于 2020-04-17

关于如何修复它的任何想法？我在 S3 中使用带有图像的 react-palette，有时我会收到 CORS 错误。

Danistc 于 2020-05-05

我使用 CORS-anywhere 来确保这样的解决方案可行，然后将我自己的 CORS 代理解决方案滚动到我的 Node 项目中，这样我就可以在本地重定向——几个月来一直工作正常。

SmartASCII 于 2020-05-05

有关此的任何更新？

jooohyunpark 于 2020-09-03

👍4 ❤1

有人试图解决这个问题吗？

RohitKaushal7 于 2021-01-25

使用 cors-anywhere 对我有用。您所要做的就是将 cors-anywhere URL 添加到图像的 URL 中。
vibrantUrl= "https://cors-anywhere.herokuapp.com/" + imageUrl;
然后使用它传递给 Vibrant 构建器。请注意，如果您只是尝试将其加载到 img src 或背景图像等中，则不能使用此 cors URL——您仍然需要使用直接 URL。

添加 cors-anywhere 在我的 angular 10 项目中不起作用。由于 cors-policy，node-vibrant 无法从服务器加载图像。
对于这个问题，有人有更好的解决方案吗？

Basher7 于 2021-02-14

此页面是否有帮助？

0 / 5 - 0 等级

Node-vibrant: 不适用于交叉原点

最有用的评论

所有9条评论

相关问题