美文网首页
nginx 解决跨域问题

nginx 解决跨域问题

作者: 爱焰 | 来源:发表于2018-05-10 18:10 被阅读0次

      在大家做前端开发的过程中遇到前后台分离的项目时,在前端向后台请求接口的时候,多一半会遇到跨域这个问题,原来的解决方式多一半是jsonp,可是这个东西有很大缺陷,只能get请求,遇到post请求时就得另谋他路了,还有一种方式是CORS,有兴趣的同学可以研究一下这个方式,下面介绍nginx解决跨域的方式。

首先先去官网下载nginx  附上

官网地址 http://nginx.org/en/download.html  下载还之后解压目录结构大概是这样滴

打开conf文件夹里的nginx.conf文件,里面都是配置的各功能模块,具体模块的介绍大家可以看这篇文章 https://www.cnblogs.com/zhouxinfei/p/7862285.html

下面我具体来讲一下跨域的配置,主要配置server模块

1.静态文件起服务的例子

注意nginx的安装目录要和你本地项目的目录在同一个磁盘上,修改好以后保存,双击nginx.exe,运行nginx,在浏览器输入IP+端口号+本地服务名+本地静态文件地址就能访问,例如我的

ajax请求的时候接口名开头一定要加上代理服务名,比如像我的

这样nginx同时代理了你本地的服务,也代理了远程的服务,两个服务都在nginx下就不存在跨域了,跨域问题完美解决!

2.本地前端存在服务器的例子

相关文章

网友评论

      本文标题:nginx 解决跨域问题

      本文链接:https://www.haomeiwen.com/subject/olktdftx.html