nginx解决请求跨域问题，项目采用前后端分离

最新推荐文章于 2024-10-24 13:38:25 发布

老朽要撸猫

最新推荐文章于 2024-10-24 13:38:25 发布

阅读量319

点赞数

文章标签： nginx

本文链接：https://blog.youkuaiyun.com/t993327334/article/details/104016493

版权

nginx解决请求跨域问题，项目采用前后端分离

项目部署情况
前端项目运行在10.0.254.119:8080（前端开发人员的ip和端口） webpack配置代理访问服务端接口
服务端运行在10.0.254.210:8081
需要跨域请求的接口部署在10.0.0.118:90

问题描述
现在需要通过异步请求 http://10.0.0.118:90/file-view/group1/getImg?id=xxxxxxxxx 上的图片资源，出现跨域问题。10.0.0.118上部署了niginx，所以采用niginx处理跨域

配置如下：

server {
	listen 90;
	server_name 10.0.0.118;
	location /file-view/ {
		add_header 'Access-Control-Allow-Origin' '*';
		add_header 'Access-Control-Allow-Credentials' 'true';
		add_header 'Access-Control-Allow-Methods' '*';
		proxy_pass http://localhost:8088;
	}
}