使用nginx反向代理解决前端跨域的步骤

1.第一步:

进入nginx官网下载nginx,按照步骤完成安装;

打开nginx.exe的时候会闪退是正常的,只要输入localhost能够出现nginx的页面就是下载安装成功.

2.第二步:

修改nginx.conf这个配置文件的配置项;

一般只需要更改location的正则匹配和代理的远程主机域名;

location / {
	root html;
	index index.html index.htm;
}
# 每次修改后,都要重启 nginx 进程
location ~* ^/m/.*{ #其他信息只是说明,以后匹配其他的跨域,只需要修改这一行正则和需要代理的远程主机域名!
	proxy_set_header Host $host; # 代理主机: 当前为 localhost
	proxy_set_header X-Real-Ip $remote_addr; # 真实远程IP
	proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; # 添加代理信息
	proxy_pass http://127.0.0.27.com; # 需要代理的远程主机域名(接口的url前缀)
}

3.将所需静态文件都放置于nginx文件夹中的html文件夹下,注意: index.html 文件要放置在该文件夹的根目录下(注意引入的文件路径);

4.重启nginx进程:

先打开cmd命令行,在C:\Windows\System32目录下输入:taskkill /im nginx.exe /f 结束之前的nginx.exe进程,而后再点击nginx.exe开启;

5.输入localhost打开,即可解决跨域问题.