前后端分离开发模式中，一个不可避免的问题就是跨域，目前使用最广泛的就是nginx和cors两种模式。而cors需要后台服务器代码配合，所以学会配置nginx解决跨域对于前端开发来说，是一项非常重要的能力。今天就给大家介绍一下，如何快速的配置nginx反向代理来解决前端跨域问题。
工具/原料
1
nginx任意版本
2
Windows平台
方法/步骤
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即可运行。
注意事项
Windows平台下有效。
上一篇：js跨域的几种方法
下一篇：vue怎么解决跨域问题