fetch.html:1 Access to fetch at 'https://movie.douban.com/chart' from origin 'http://127.0.0.1:5500' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled. fetch.html:12 GET https://movie.douban.com/chart net::ERR_FAILED 200 (OK) (匿名) @ fetch.html:12 fetch.html:12 Uncaught (in promise) TypeError: Failed to fetch at fetch.html:12:1

这个错误是由于浏览器的安全策略CORS（跨源资源共享）导致的。该错误表示在请求资源时，服务器未设置允许跨域访问的响应头，因此浏览器会阻止从不同源的页面访问该资源。

在你的情况下，你正在从本地的http://127.0.0.1:5500地址访问https://movie.douban.com/chart资源，但是该资源的响应头没有包含Access-Control-Allow-Origin字段，所以浏览器会拒绝该请求。

解决方法之一是在你的代码中添加一个请求头来绕过CORS策略。在使用fetch API发送请求之前，使用`mode: 'cors'`选项来设置请求模式为CORS，例如：

fetch('https://movie.douban.com/chart', {
  mode: 'cors'
})
  .then(response => {
    // 处理响应
  })
  .catch(error => {
    // 处理错误
  });

但需要注意的是，即使你绕过了CORS策略，由于服务器的限制，可能仍然无法获取到该资源。这是因为CORS是由服务器设置的安全策略，如果服务器不允许跨域访问，即使你在代码中设置了CORS模式，也无法绕过这个限制。

如果你需要使用该资源，可以考虑使用代理服务器来获取资源并将其传递给你的本地页面。这样可以绕过浏览器的CORS策略限制。

希望这些信息对你有所帮助！如果还有其他问题，请随时提问。

相关问题

Access to fetch at 'http://127.0.0.1:9000/' from origin 'http://127.0.0.1:5500' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.

这个错误提示是因为浏览器的同源策略（Same-Origin Policy）限制了不同源的网页之间的交互操作。在该错误中，浏览器阻止了从源为 http://127.0.0.1:5500 的网页向源为 http://127.0.0.1:9000 的网页发送跨域请求。

要解决这个问题，可以在后端服务器的响应头中加入 `Access-Control-Allow-Origin` 字段，指定允许的跨域源。例如，如果你使用的是 Node.js + Express 框架，可以在服务器端代码中添加以下中间件：

app.use((req, res, next) => {
    res.setHeader('Access-Control-Allow-Origin', '*');
    next();
});

其中的 `*` 表示允许所有源跨域访问该服务器资源，也可以指定具体的源。

如果后端服务器不能修改响应头，也可以在前端请求中设置 `mode: 'no-cors'`，以禁用 CORS，但是这种方式只适用于不需要访问响应内容的情况。

fetch('http://127.0.0.1:9000/', {
    mode: 'no-cors'
})