Mac下使用nginx反向代理服务器解决资源跨域问题

使用homebrew来安装nginx，打开终端

1. 安装homebrew包

ruby -e "$(curl-fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

2. 更新homebrew包的依赖

brew update&& brew upgrade

3. 安装nginx，可执行nginx –v检查是否安装成功

brew install nginx

4. 可根据自己的需求选择是否需要开机自启，执行如下命令

ln -sfv/usr/local/opt/nginx/*.plist ~/Library/LaunchAgents

5. 配置nginx.conf文件，执行以下命令打开nginx.conf文件的目录

cd/usr/local/etc/nginx查看

ls 查看文件夹内容

按住command键鼠标点击nginx.conf文件，打开nginx.conf文件

location /{

root /Users/zhang/workspace/skin01; //虚拟主机的网站目录

index index.html index.htm;

}

location /api {

proxy_pass http://koko.com； //将http://koko.com代理到本地，使得http://koko.com的域名在变成localhost

}

6.配置完毕后启动nginx

启动nginx sudo nginx

打开浏览器访问localost

7. 在写ajax代码，发送请求时传入的url路径为 api／url后缀，这样就通过反向代理完成了跨域请求

Mac下使用nginx反向代理服务器解决资源跨域问题相关推荐

使用webpack-dev-server设置反向代理解决前端跨域问题
使用webpack-dev-server设置反向代理解决前端跨域问题参考文章: (1)使用webpack-dev-server设置反向代理解决前端跨域问题 (2)https://www.cnblog ...
简单配置nginx反向代理，实现跨域请求
简单配置nginx去做反向代理,实现跨域请求简单介绍nginx的nginx.conf最核心的配置,去做反向代理,实现跨域请求. 更多详细配置,参考nginx官方文档先介绍几个nginx命令打开n ...
Nginx反向代理服务器解决负责均衡问题
nginx实现反向代理及负载均衡一.反向代理 1.什么是反向代理通常的代理服务器,只用于代理内部网络对Internet的连接请求,客户机必须指定代理服务器,并将本来要直接发送到Web服务器上的ht ...
nginx解决浏览器跨域问题_Nginx 反向代理解决浏览器跨域问题
开门见山,最近利用空闲时间开发了一个简单的后端服务,从表里查询数据,一个简单的前端页面,通过Ajax请求访问后端接口,遇到了浏览器跨域的问题. 我后端的服务是localhost:8080,前端Hbui ...
mac 下chrome 和微信web开发工具跨域配置
chrome open -a /Applications/Google\ Chrome.app --args --disable-web-security --user-data-dir 微信开发工具 ...
Nginx 代理解决前端跨域问题
目录一.什么是 nginx 二.nginx 的用途三.代理 1.正向代理 2.反向代理四.nginx.conf 配置文件的基本结构五.nginx 的内置变量六.nginx 解决跨域的原理七 ...
jsonp-反向代理-CORS解决JS跨域问题的个人总结
jsonp-反向代理-CORS解决JS跨域问题的个人总结网上说了很多很多,但是看完之后还是很混乱,所以我自己重新总结一下. 解决 js 跨域问题一共有8种方法, jsonp(只支持 get) 反向代 ...
Nginx反向代理服务器获取不到端口的问题的解决办法
Nginx反向代理服务器获取不到端口的问题的解决办法参考文章: (1)Nginx反向代理服务器获取不到端口的问题的解决办法 (2)https://www.cnblogs.com/Leslieblog ...
Mac下的spotlight无法搜索本地资源的解决办法
Mac下的spotlight无法搜索本地资源的解决办法其实之前也很少用spotlight 所以一直没注意到,最近开始用Alfred,发现搜索不到本地资源,任何文件.文件夹.应用等都不能搜索到. 觉得 ...