nginx 解决跨域问题

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

首先先去官网下载nginx  附上

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


nginx 解决跨域问题_第1张图片

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

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

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


nginx 解决跨域问题_第2张图片

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


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


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

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

你可能感兴趣的:(nginx 解决跨域问题)