mac安装nigix且配置 vue/springboot项目（本地/服务器）

在Mac上安装Nginx并配置Vue.js和Spring Boot项目的步骤如下：

1. 安装Nginx:

   可以使用Homebrew来安装Nginx，如果没有安装Homebrew，先安装Homebrew。

   打开终端，输入以下命令安装Nginx：

   
   
   
   brew install nginx

2. 启动Nginx:

   
   
   
   brew services start nginx

3. 配置Nginx来托管Vue.js项目:

   假设你的Vue.js项目构建后的静态文件位于~/projects/vue-project/dist，你可以创建一个新的配置文件在/usr/local/etc/nginx/servers/目录下，例如vue_project.conf，并添加以下内容：

   
   
   
   server {
       listen 8080;
       server_name localhost;
    
       location / {
           root /Users/your-username/projects/vue-project/dist;
           try_files $uri $uri/ /index.html;
       }
   }

   替换your-username为你的用户名，然后在终端运行以下命令重新加载Nginx配置：

   
   
   
   nginx -s reload

4. 配置Nginx来代理Spring Boot项目:

   假设你的Spring Boot应用运行在本地的8081端口，在/usr/local/etc/nginx/servers/目录下的vue_project.conf文件中，添加以下location块：

   
   
   
   location /api/ {
       proxy_pass http://localhost:8081;
       proxy_set_header Host $host;
       proxy_set_header X-Real-IP $remote_addr;
       proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
       proxy_set_header X-Forwarded-Proto $scheme;
   }

   确保Vue.js项目中API请求是以/api/开头的，这样Nginx可以正确地将请求代理到Spring Boot应用。

5. 重新加载Nginx配置:

   
   
   
   nginx -s reload

6. 访问Vue.js项目:

   在浏览器中访问http://localhost:8080，应该能看到Vue.js项目的内容。

7. 访问Spring Boot项目的API:

   确保Spring Boot应用正在运行，然后在浏览器中访问http://localhost:8080/api/some-endpoint，Nginx将会代理请求到Spring Boot应用。

以上步骤假设你的Vue.js项目和Spring Boot应用都已经在本地运行。如果你想部署到服务器，你需要将配置中的本地路径和端口号换成服务器的相应路径和端口号。