Nginx部署Vue前端网页

在编写的前端代码的文件夹下，用cmd命令运行npm run build后，会生成一个dist文件夹，如下图所示：

复制dist的整个文件路径后，找到Nginx安装位置下的conf文件夹，打开nginx.conf文件，
将server处改为：

 server {
        listen       70;//前端监听的端口号
        server_name  localhost;

将location处改为：

location / {
            root   D:\jar\dist;//dist所在路径
            index  index.html index.htm;
        }

同时，location下方增加

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:8089/;//8089为后端端口号
        }

更改完成后关闭Nginx服务然后重新启动即可。