vue解决 has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

当浏览器出现 "has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource" 错误时，这是由于浏览器的同源策略所致，即浏览器限制了跨域请求。为了解决这个问题，您可以在服务端添加一个响应头来允许跨域请求。

如果您使用的是Node.js，可以在服务端代码中添加以下代码来设置响应头:

res.set("Access-Control-Allow-Origin", "*");

这将允许所有的域名都可以进行跨域请求。如果您只想允许特定的域名进行跨域请求，可以将"*"替换为您想要允许的域名。

另外，需要注意的是，添加响应头后需要重新启动服务端，以使更改生效。

这样，当前端发送请求时，就不会再出现 "has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource" 的错误了。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *3* [解决浏览器跨域问题 “has been blocked by CORS policy: No ‘Access-Control-Allow-Origin‘ header is ...](https://blog.csdn.net/m0_50671318/article/details/119821838)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]