uniapp报错 No 'Access-Control-Allow-Origin' header is present on the requested resource
时间: 2024-01-23 13:15:40 浏览: 155
根据提供的引用内容,当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"报错的方法,根据具体情况选择适合的方式进行处理。
阅读全文