nginx 解决跨域问题

      在大家做前端开发的过程中遇到前后台分离的项目时,在前端向后台请求接口的时候,多一半会遇到跨域这个问题,原来的解决方式多一半是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.本地前端存在服务器的例子

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容