mac上部署nginx实现前端跨域

  1. 使用安装工具homebrew(mac下的安装工具,如果未安装,请自行下载安装)
  2. 打开终端,如果homebrew不是最新版本的,请执行一下命令brew update
  3. 使用brew搜索安装软件是否存在:brew search nginx
  4. 执行命令:brew info nginx,方便以后配置,结果如图:
    在这里插入图片描述
    我们可以知道下nginx的稳定版的版本号,是否安装,目录,默认端口号等信息。
  5. 正式安装:brew install nginx
  6. 查看安装目录:open /usr/local/etc/nginx/
    在这里插入图片描述
    在nginx.conf中可以看到默认的配置信息。
  7. 查看安装目录:open /usr/local/Cellar/nginx
    在这里插入图片描述

会看到一个以当前安装的nginx的版本号为名称的文件夹,这个就是我们安装的nginx根目录啦。进入1.12.2_1/bin 目录,会看到nginx的可执行启动文件。

同样的,我们在1.12.2_1/目录下还可以看到一个名字为html的快捷方式文件夹(暂且就这么叫吧),进入该目录我们会发现其实它指向的就是/usr/local/var/www目录,这个在上面我们查看的info信息中有提到(Dcroot)

  1. 启动nginx:nginx,如果没有报错,即启动成功,可以在localhost:8080查看启动页面
  2. 实例:本地访问豆瓣api:
listen       8080;
server_name  192.168.1.124;
location /douban {
    rewrite  ^/douban/(.*)$ /$1 break;
    proxy_pass   https://api.douban.com;
}

在nginx.conf的server中,添加以上代码即可。其中:rewrite 使用正则表达式将 /douban (一个变量)给替换为 $到$1之间的字符,因为在实际开发中一般会使用统一的开头,如/api等,在使用代理时,需要去掉。这样,当访问本地地址:http://192.168.1.124:8080/douban/v2/book/search?q=解忧&tags=16时,会被代理到:https://api.douban.com/v2/book/search?q=解忧&tags=16,实现跨域。

注:nginx常用命令
nginx //启动
nginx -s reload //重启
nginx -s stop //快速停止
nginx -s quit //完整有序停止

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值