nginx前后端分离跨域设置
时间: 2023-12-10 11:33:55 浏览: 87
前后端分离跨域问题
为了解决nginx前后端分离跨域问题,我们可以在nginx的配置文件中添加以下内容:
```nginx
location /api/ {
proxy_pass http://backend-service:port/;
add_header 'Access-Control-Allow-Origin' '*';
add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS, PUT, DELETE';
add_header 'Access-Control-Allow-Headers' 'DNT,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Range';
add_header 'Access-Control-Expose-Headers' 'Content-Length,Content-Range';
}
```
其中,`/api/`是前端请求的接口路径,`http://backend-service:port/`是后端服务的地址和端口号。`Access-Control-Allow-Origin`设置允许跨域的域名,`*`表示允许所有域名跨域。`Access-Control-Allow-Methods`设置允许的请求方法,`Access-Control-Allow-Headers`设置允许的请求头,`Access-Control-Expose-Headers`设置允许前端获取的响应头。
需要注意的是,以上配置只是一个示例,实际情况中需要根据具体的后端服务和前端请求进行相应的修改。
阅读全文