反向代理实现跨域请求conf文件配置

这是豆瓣电影top250的api:https://api.douban.com/v2/movie/top250
直接在浏览器访问是这样的

说明接口是没问题的

直接用ajax去请求接口看看
js代码

结果如下
不同域,存在跨域问题

结果出错了,因为存在着跨域问题,跨域是不能直接调接口的,需要进行处理。
这里用的是nginx做的反向代理来实现的跨域
1.首先下载并安装的nginx服务器,下载地址:http://nginx.org/en/download.html,傻瓜式下一步下一步安装。
2.找到自己安装的目录位置,我是安装到d盘的D:\nginx\nginx-1.12.0,我的版本是nginx-1.12.0
安装好了,目录文件如图!

3.可以直接双击nginx.exe文件,也可以通过命令行工具启动,启动命令是start nginx

可以在`nginx`根目录下,按住`shift键 `+鼠标右键,找到`在此处打开命令窗口`

4.在浏览器里面输入localhost回车,出现如下页面即为成功安装并启动了nginx
启动成功页面

5.现在打开配置文件,设置反向代理,配置文件在D:\nginx\nginx-1.12.0\conf\nginx.conf
nginx.conf文件部分截图

6.反向代理配置如下
配置完毕

7.保存一下文件,在命令行里面输入nginx -s reload,重启下服务
重启服务

8.修改下求情地址,再试一下
更改接口后的js代码

已经可以正确返回结果了

9.我们还可以将刚刚在nginx.conf里面写的东西,放到另一个文件里面,我们只需要在使用的时候,将其引入就好了。nginx.conf里面的代码如下:
nginx.conf配置

我是在nginx-1.12.0\conf\douban\douban.conf下新建的
新建配置文件目录位置

douban.conf内容如下:

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

推荐阅读更多精彩内容