nginx下载安装部署vue前端项目并配置跨域代理（windows版）

1.官网下载安装包nginx: download（建议下载Stable version这个）

2.将nginx压缩包解压到合适的目录，我以D:\tools\nginx-1.24.0为例

3.打开conf文件下的nginx.conf

 server {
        #可修改端口号
        listen       80; 
        server_name  localhost;

        location / {
            root   C:/项目/dist3;
            index  index.html index.htm;

            #如果请求的资源在静态目录中找不到，则重定向到index.html
            try_files $uri $uri/ /index.html;
        }

        #代理到后端服务
        location /api/ {

            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;
            proxy_pass http://127.0.0.1:5000;
            rewrite ^/api/(.*)$ /$1 break;
        
        }

        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }

     
    }

4.到D:\tools\nginx-1.24.0路径中，输入cmd开启命令框并启动

5.浏览器输入http://localhost:80就可以访问项目了。

注意：修改了nginx.conf需要重新加载配置文件，不使用了要关闭Nginx。若重新加载配置没生效，可能是之前运行了nginx没关闭，运行命令3,4，在重新启动。

#启动命令：

start nginx.exe

1# 重新加载配置文件：

nginx -s reload

2# 关闭Nginx：

nginx -s stop

3#查看nginx服务状态：

tasklist | findstr nginx

4#停止所有 nginx.exe 进程：

taskkill /F /IM nginx.exe

5#检查80端口是否被占用的命令是：

netstat -ano | findstr 0.0.0.0:80 或 netstat -ano | findstr "80"