在mac上配置nginx 并将前端的打包文件运行

下载nginx并配置

首先下载nginx

brew install nginx

查看nginx

brew info nginx

启动nginx

niginx

brew services start nginx // 重启的命令是: brew services restart nginx

因为nginx默认的端口号是8080，因此我们页面访问 http://localhost:8080 即可，看到如下信息：

使用nginx配置启动vue项目

打开nginx

open  /opt/homebrew/Cellar/nginx

将打包的文件放到html里面

使用vscode 打开nginx

code /opt/homebrew/etc/nginx/nginx.conf

将下面配置替换

    location / {
        #    root   html; 这个是一开始默认的html
            root  /opt/homebrew/Cellar/nginx/1.25.3/html/dist;   将
            index  index.html index.htm;
        }

        location /api/ {
            rewrite ^/api(/.*)$ $1 break;
            proxy_pass http://10.83.40.232:19000;
            proxy_set_header Host $host;
            proxy_set_header X-Real-IP $remote_addr;
            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        }

在运行nginx 就可以使用了

nginx  //地址是localhost:8080

使用本地ip地址

ifconfig | grep "inet"  //查看ip地址

nginx在mac常用命令

在 macOS 中，Nginx 的命令与其他 Unix/Linux 系统类似。以下是一些常用的 Nginx 命令：

1. 启动 Nginx:

   sudo nginx
   

2. 停止 Nginx:

   sudo nginx -s stop
   

3. 重启 Nginx:

   sudo nginx -s reload
   

4. 查看 Nginx 版本:

   nginx -v
   

5. 测试 Nginx 配置文件语法是否正确:

   sudo nginx -t
   

   如果配置文件语法正确，会输出 nginx: configuration file /path/to/nginx.conf test is successful。

6. 关闭 Nginx:

   sudo nginx -s quit
   

这些命令假定你的 Nginx 配置文件的路径是默认的 /etc/nginx/nginx.conf。如果你的 Nginx 安装路径或配置文件路径不同，需要相应地调整命令。

请注意，在 macOS 中使用 sudo 可能需要输入管理员密码。确保你有足够的权限来执行这些命令。