mac 安装 nginx 流程,并解决前端跨域问题

mac 安装 nginx 流程

首先mac安装brew包管理工具：

/bin/zsh -c "$(curl -fsSL https://gitee.com/cunkai/HomebrewCN/raw/master/Homebrew.sh)"

(若出现错误：error: could not lock config file .git/config: Permission denied)

解决办法：sudo chgrp -R admin /usr/local

sudo chmod -R g+w /usr/local 回车即可。

再次输入 /bin/zsh -c "$(curl -fsSL https://gitee.com/cunkai/HomebrewCN/raw/master/Homebrew.sh)"

回车即可

第一：正式安装nginx

brew install nginx

第二：查看nginx安装目录

open /usr/local/etc/nginx/

(成功打开nginx目录，可以看到servers目录以及nginx.conf的配置文件（后面会用到这个配置文件）。

第三：open /usr/local/Cellar/nginx //这个是nginx被安装到的根目录

第四：启动nginx

启动Nginx服务器 ：命令行输入sudo nginx。

打开浏览器，输入loacalhost:80，会看到nginx的欢迎页,如图：

第五：配置nginx

编辑器打开nginx根目录找到nginx.conf,代码找到server开始配置：

listen：8888 监听的端口号（注意不要与前端项目启动的端口号一样）

serve_name：127.0.0.1 localhost 10.20.139.146 监听的我们自己的ip地址，可以写多个。

location / {

proxy_pass http://localhost:8000 //监听的前端启动的项目地址

} （当在浏览器输入localhost:8888时，会自动映射到 http://localhost:8000 地址）

location ^~ /api/ {

rewrite ^/api/(.*)$/$1 break;

proxy_pass https://api.test.com/; //后端接口地址

proxy_set_header Host api.devland.cn;

} //配置前端调用接口跨域问题：监听所有以 /api 开头的接口

配置完后，需要输入命令：sudo nginx -s reload 重新加载配置文件

可能出现错误：nginx [error] invalid PID number " " in "/user/local/var/run/nginx/nginx.pid"

解决办法：sudo nginx -c /user/local/etc/nginx/nginx.conf //重新指定nginx配置文件

前端调用接口如：axios.post('/api/goods/details')

至此，前端调用后端接口跨域问题就解决了。

nginx 常用命令：

帮助命令：nginx -h

启动Nginx服务器 ：sudo nginx

查看进程： ps aux | grep nginx

配置文件路径：sudo nginx -c /usr/local/nginx/conf/nginx.conf

检查配置文件：sudo nginx -t

指定启动配置文件：sudo nginx -c /usr/local/nginx/conf/nginx.conf

暴力停止服务：sudo nginx -s stop

优雅停止服务：sudo nginx -s quit

重新加载配置文件：sudo nginx -s reload