使用nginx反向代理解决前端跨域问题

1、首先上官网下载一个nginx版本，对于版本没什么要求。

2、然后，找到【conf】目录下的【nginx.conf】文件，

3、打开nginx.conf，找到server{listen 80;server_name localhost ...}这一段代码。

4、然后参考下图，重新配置一个server，多个server只要端口不相同，就不影响。

为了方便复制，我把这段代码敲出来：

server {

listen      9001;   # 监听端口

location / {

proxy_pass  http://127.0.0.1:9000;  # 指定根目录页面内容

}

location /demoapi { #代理所有以/demoApi开头的请求。

rewrite  ^/demoapi/(.*)$ /$1 break; # 监听所有/demoapi前缀，是则转发后台api接口地址

proxy_pass  http://127.0.0.1:5050/; #注意这里要有/

}

}

5、配置完毕之后，双击nginx.exe即可运行。

6、需要注意的是，nginx如果要关闭，只能到任务管理器中关闭进程才行。如果同时开启多个nginx，可能导致未知的错误，所以建议把无用的都关掉，只运行一次即可。