windows10 下通过nginx代理服务器 部署 vue 访问后台 springboot （前后端分离

windows10 下通过nginx代理服务器 部署 vue 访问后台 springboot （前后端分离）

1、vue 项目打包
命令 npm run build:prod

在项目跟目录会生成一个文件 包含了
2、 nginx 配置

   server {
        listen       8081;
        server_name  localhost;
        #  项目绝对路径
        root C:/nginx-1.20.1/nginx-1.20.1/html;

        #charset koi8-r;

        #access_log  logs/host.access.log  main;
        # 后台springboot 接口服务代理
        location /prod-api/ {
            proxy_redirect off;
            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_pass http://127.0.0.1:8002/;
        }

        location / {
            root   html;
            index  index.html index.htm;
        }

现在就可以访问 vue项目 了 localhost:8081/ 项目名称
3、 Strping boot 直接打包 ，通过 java -jar (jar 名) 运行了。