nginx解决跨域

版权声明:企业站,小游戏制作 https://blog.csdn.net/qq947289507/article/details/81305019

ajax跨域一直困扰我很久,今天终于解决了,并且不需要服务器端配合。
大概思路是:
1,在本地电脑配置一个nginx服务器
2,把项目放在nginx服务器下
3,配置nginx代理,遇到ajax请求,让代理服务器去请求,然后把结果返回给本地服务器

思路有了,接着实施一下:
1,去nginx官网下载nginx服务器,很小,只有不到2M
http://nginx.org/en/download.html
这里写图片描述
2,下载之后,解压到英文目录下,不需要安装,双击nginx.exe文件即可运行
这里写图片描述
3,接下来配置代理,找到这个文件:nginx-1.15.2\conf\nginx.conf
这里写图片描述
4,编辑文件内容:

location / {
    root   html;
    index  index.html index.htm;
}

location /api {
     root   html;
     index  index.html index.htm;
     proxy_pass http://appres.xuechuanedu.cn;
 }

下面截图里的api,意思是过滤ajax请求,当发现请求字符串离有api字样,就会去代理服务器请求
这里写图片描述

5,重启nginx服务器,在服务器下运行文件,就不存在跨域问题了,附上运行结果截图:
这里写图片描述
这里写图片描述

猜你喜欢

转载自blog.csdn.net/qq947289507/article/details/81305019