如何修复报错 No 'Access-Control-Allow-Origin' header is present on the requested resource.
时间: 2023-02-26 20:24:22 浏览: 53
这个错误一般是由于浏览器的同源策略导致的。同源策略限制从一个域名的网页请求另一个域名的资源。
要修复这个错误,有以下几种方法:
1. 在请求的服务器上设置“Access-Control-Allow-Origin”头。
2. 使用代理服务器转发请求,代理服务器会自动设置“Access-Control-Allow-Origin”头。
3. 在客户端使用JSONP。
4. 使用浏览器插件或扩展程序,例如CORS Everywhere,以绕过浏览器的同源策略。
需要注意的是,同源策略是为了保护用户隐私和安全而存在的,因此修改同源策略应该谨慎进行。
相关问题
No Access-Control-Allow-Origin header is present on the requested resource.
No 'Access-Control-Allow-Origin' header is present on the requested resource是一个跨域问题。这个问题通常发生在前端访问后端接口时,由于安全限制,浏览器会阻止跨域请求。要解决这个问题,有几种方法可以尝试。
一种方法是在后端接口或配置文件中添加跨域代码。可以使用以下代码来允许所有来源访问接口:
header('Access-Control-Allow-Origin:*');//允许所有来源访问
header('Access-Control-Allow-Method:POST,GET');//允许访问的方式
或者在过滤器中添加以下代码:
httpResponse.setHeader("Access-Control-Allow-Origin","*");
httpResponse.setHeader("Access-Control-Allow-Credentials", "true");
httpResponse.setHeader("Access-Control-Allow-Methods", "POST, PUT, GET, OPTIONS, DELETE");
另一种可能的原因是在配置文件或其他设置中重复配置了跨域。比如在FileUtil中配置了response.addHeader("Access-Control-Allow-Origin", "*"),然后又在CorsFilter中添加了一次配置。这样就会出现两个Access-Control-Allow-Origin问题。在这种情况下,只需要删除其中一个配置即可解决问题。
总结来说,解决"No 'Access-Control-Allow-Origin' header is present on the requested resource"问题的方法是添加跨域代码或删除重复的跨域配置。这样浏览器就能正确处理跨域请求了。
uniapp报错 No 'Access-Control-Allow-Origin' header is present on the requested resource
根据提供的引用内容,当uniapp报错显示"No 'Access-Control-Allow-Origin' header is present on the requested resource"时,可以采取以下两种处理办法:
1. 在后端服务器中设置响应头信息,允许跨域访问。可以在服务器端的响应中添加"Access-Control-Allow-Origin"头字段,并设置为"*",表示允许来自任何域的请求访问资源。例如,在Node.js中使用Express框架可以这样设置:
```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();
});
```
2. 使用代理服务器进行请求转发。可以在uniapp的配置文件(vue.config.js或者nuxt.config.js)中配置代理服务器,将请求转发到后端服务器,以避免跨域问题。例如,在vue.config.js中可以这样配置:
```javascript
module.exports = {
devServer: {
proxy: {
'/api': {
target: 'http://backend-server.com',
changeOrigin: true,
pathRewrite: {
'^/api': ''
}
}
}
}
}
```
以上是两种处理"No 'Access-Control-Allow-Origin' header is present on the requested resource"报错的方法,根据具体情况选择适合的方式进行处理。
相关推荐
![docx](https://img-home.csdnimg.cn/images/20210720083331.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)