使用Nginx 实现纯前端跨域（转载+汇总）

1. 你是否厌倦了老是依赖后台去处理跨域，把握不了主动权
2. 你是否想模仿某个app倒腾一个demo，却困于接口无法跨域

那么很幸运，接下来我将现实不依赖任何后台，随心所欲的想访问哪个域名就访问哪个！

下载nginx

地址： http://nginx.org/en/download.html
注意： 存放目录中不能含有中文

下载完之后，我们就可以 愉快的玩耍啦。本文是在window 系统下的操作的

app，调用 搜索图书接口

豆瓣api https://developers.douban.com/wiki/?title=book_v2#get_book_search

• 本应该调用的地址 //api.douban.com/v2/book/search?q=解忧杂货店&tags=12

• 例如本地电脑ip：192.168.1.168
• 实现跨域后豆瓣接口调用的地址： //192.168.1.168/douban/v2/book/search?q=解忧杂货店&tags=12

nginx/conf/nginx.conf 文件

 

完整配置文件

https://github.com/helijun/react-learn/blob/master/nginx/conf/nginx.conf

启动nginx

将上面的配置文件替换你本地的nginx.conf
更改ip地址，server监听端口
cd到nginx存放的根目录

start nginx.exe

 

测试效果：

nginx常用的几个命令：

start nginx.exe //启动
nginx.exe -s reload //重启
nginx.exe -s stop //快速停止
nginx.exe -s quit //完整有序停止

 

Nginx解决跨域问题(CORS)

简单配置：

server {
        listen       80;
        server_name  b.com;
        location /{
            add_header 'Access-Control-Allow-Origin' 'http://a.com';
            add_header 'Access-Control-Allow-Credentials' 'true';
            add_header 'Access-Control-Allow-Methods' 'GET';
        }
}

 

文章主要内容转载自：https://www.cnblogs.com/liliangel/p/7494853.html

https://blog.csdn.net/zemochen/article/details/53868817

Nginx安装配置，支持http以及https:https://blog.csdn.net/u013992330/article/details/79740692

 

Tengine

Tengine是由淘宝网发起的Web服务器项目。它在Nginx的基础上，针对大访问量网站的需求，添加了很多高级功能和特性。Tengine的性能和稳定性已经在大型的网站如淘宝网，天猫商城等得到了很好的检验。它的最终目标是打造一个高效、稳定、安全、易用的Web平台。

下载地址和介绍：http://tengine.taobao.org/