javascript - 允许本地主机上的 cors

Question

我知道它已经有点回答了，但我不明白如何解决我的问题。我正在使用 webpack 4 开发一个静态网站，并且在尝试加载图像(本地和从我的在线服务器)时遇到问题。

你如何修复 Access to XMLHttpRequest at 'XXX' from origin 'http://localhost:8080' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource使用 webpack 时出错？我没有使用 express (仍在学习 webpack)，我找到的所有答案对我来说都相当复杂，并且使用自定义服务器，我没有..

有没有一种简单的方法可以绕过这个？

顺便说一句，我正在使用 <img src="XXX" alt="" crossorigin="anonymous">与我的图像。有时它有效，有时它不起作用..我发现的文章在这一点上对我来说太技术性了..

我尝试将以下内容添加到我的 webpack.config.dev.js文件，但它也不起作用:

devServer: {
    headers: {
      'Access-Control-Allow-Origin': '*',
      'Access-Control-Allow-Methods': 'GET, POST, PUT, DELETE, PATCH, OPTIONS',
      'Access-Control-Allow-Headers': 'X-Requested-With, content-type, Authorization',
    },
(...)
}

Answer 1

我认为您从在线服务器加载的图像会导致 CORS 警告，而您的 webpack conf 与它无关。

如果您使用的是 Chrome，您可以使用 this 之类的扩展程序绕过 CORS
或使用 Chrome 的 --disable-web-security 参数解释为 here