图片 CORS 问题

[IITII]

疑问

image.crossOrigin = 'Anonymous' 真的有必要吗？加了反而不能正常显示了

手动修改本地 my-lib.es.js, 去除 image.crossOrigin = 'Anonymous' 可以正常显示

vue3-waterfall-plugin/lib/utils/loader.ts

Line 20 in cdb8ceb

image.crossOrigin = 'Anonymous' // 支持跨域图片

问题截图

环境

nodejs 16.x.x
"vue-waterfall-plugin-next": "^2.1.11",

后端是 moleculer 起的 api 和 file server，允许跨域，跨域api可以正常调用

网上讨论

https://segmentfault.com/q/1010000008648867

[xjpe]

同样问题，解决了吗

[IITII]

很早之前发了 PR, 作者没 merge xjpe ***@***.***> 于2023年4月10日周一 10:22写道：

…

同样问题，解决了吗 — Reply to this email directly, view it on GitHub <#13 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AIBEY23FGFPMC3S2YQOMDODXANVFHANCNFSM6AAAAAAURBPRIA> . You are receiving this because you authored the thread.Message ID: ***@***.***>

[heikaimu]

那个有点儿粗暴了，一般情况下，你的图片存储服务器都应该是会添加CORS的，我把跨域改成参数吧，默认开启

[heikaimu]

v2.2.1已添加跨域参数

[xjpe]

直接nginx又做了层代理。。

[IITII]

实际上 我试过 下面两种方式, 都允许跨域访问, 允许以任意形式正常访问.
但是因为这个 image.crossOrigin = 'Anonymous' 的操作, 导致请求直接被浏览器拒绝了, 后端日志里面都看不见请求.(有点多此一举)

• 后端是 moleculer 起的 api 和 file server，允许跨域，跨域api可以正常调用
• python http.server

而且 OOS 一般开的是 header 验证吧, 验证下 Refer... @heikaimu