使用Nginx 实现纯前端跨域(转载+汇总) - Go语言中文社区

使用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/

版权声明:本文来源CSDN,感谢博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。
原文链接:https://blog.csdn.net/u012302552/article/details/81738185
站方申明:本站部分内容来自社区用户分享,若涉及侵权,请联系站方删除。
  • 发表于 2020-02-29 21:25:25
  • 阅读 ( 1017 )
  • 分类:前端

0 条评论

请先 登录 后评论

官方社群

GO教程

猜你喜欢