VUE前端项目发布到服务器，nginx的配置（我用的windows服务器）

下载nginx就不说了，直接去官网下载完解压（解压路径不能中文）。

前端项目打包

# 打包正式环境
npm run build:prod

打包完成后项目会生成一个dist文件夹把整个文件夹复制到解压完的nginx文件夹内

放到nginx文件夹的位置

 然后配置nginx的配置文件

    server {
        listen       80;
        server_name  localhost;
        location / {
            root   C:/nginx/dist;
			try_files $uri $uri/ /index.html;
            index  index.html index.htm;
        }
		location /prod-api/ {
		   proxy_set_header Host $http_host;
		   proxy_set_header X-Real-IP $remote_addr;
		   proxy_set_header REMOTE-HOST $remote_addr;
		   proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
		   proxy_pass http://localhost:8080/;
		}
        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }
		
		location /upload {
            //这个是上传文件的路径，对应的项目的配置文件里面的profile
			root C:/uploadPath/;
		}

然后cmd进入nginx文件夹内

1.nginx启动命令：

#启动：
start nginx




重启：

nginx -s reload