客户端解决 cors missing allow origin 报错
时间: 2024-01-06 17:05:35 浏览: 144
出现 "CORS missing allow origin" 报错通常是由于服务端未正确配置CORS(跨域资源共享)导致的。要解决这个问题,有两种方法:
1. 在服务端添加正确的CORS头部信息,允许指定的请求来源访问该服务端资源。例如,在Express中可以使用`cors`中间件来实现:
```
const express = require('express');
const cors = require('cors');
const app = express();
app.use(cors({
origin: 'http://example.com' // 允许 example.com 访问该服务端资源
}));
// 处理请求的代码
```
2. 如果无法修改服务端代码,可以在客户端使用代理来解决该问题。例如,使用WebPack中的`http-proxy-middleware`,将请求转发到代理服务器上,再由代理服务器向服务端请求数据:
```
const { createProxyMiddleware } = require('http-proxy-middleware');
module.exports = function(app) {
app.use('/api', createProxyMiddleware({
target: 'http://example.com', // 将请求转发到 example.com
changeOrigin: true,
}));
};
```
以上是两种解决 "CORS missing allow origin" 报错的方法,您可以根据具体情况选择其中一种。
阅读全文