利用Nginx解决前后端分离项目中的跨域问题

1. 前端项目利用Nginx配置站点

server {
	listen 8092 default_server;
	listen [::]:8092 default_server;

	root /home/chenpeng/xiahuaida/data/vue;
	index index.html index.htm index.nginx-debian.html;

	server_name _;
    
    #请求接口为http://192.168.140.243:8092/api/crawler/login/login，该接口会转发到http://127.0.0.1:8093/crawler/login/login
    location /api/ {
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header Host $host;
        proxy_pass http://127.0.0.1:8093/;
	}
    
    #Vue项目的请求http://192.168.140.243:8092/#/login 
    #Vue项目请求是以/#/开头   
    location /#/ {
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header Host $host;
        proxy_pass  http://localhost:8092/;
    }
}

2. 后端项目配置访问站点为：

192.168.140.243:8093