vue 请求的资源上不存在“Access Control Allow Origin”标头。
时间: 2024-03-16 20:40:54
浏览: 70
这是因为浏览器实施了跨域资源共享[策略](https://geek.csdn.net/educolumn/06da626ca8219c1b9b6fba41572b8cf2?spm=1055.2569.3001.10083)(CORS),限制了从一个源站点向另一个源站点发起的跨域请求。如果你想要从一个源站点向另一个源站点发起跨域请求,需要在[目标](https://geek.csdn.net/educolumn/06c7a9ffb1969a0ad080048a16f82c4e?spm=1055.2569.3001.10083)站点的响应头中添加 "Access-Control-Allow-Origin" 标头来允许跨域请求。
[解决](https://geek.csdn.net/educolumn/03368addd5d267af1b4c6df01bb4af26?spm=1055.2569.3001.10083)这个问题的方法有多种,下面列举两种常用的[方式](https://geek.csdn.net/educolumn/0a7fca90472e8d39fd3078246e0b14f3?spm=1055.2569.3001.10083):
1. 服务端添加 CORS 响应头
如果你是[目标](https://geek.csdn.net/educolumn/06c7a9ffb1969a0ad080048a16f82c4e?spm=1055.2569.3001.10083)站点的开发者,可以在服务端的响应头中添加以下代码:
```javascript
app.use(function(req, res, next) {
res.header("Access-Control-Allow-Origin", "*");
res.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept");
next();
```