nginx部署若依前端

1.nginx.conf中添加配置

server {
        listen       80;
        server_name  localhost;

        #charset koi8-r;

        #access_log  logs/host.access.log  main;

        location / {
            root   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/;
      } 

}

2.vscode中用npm run build:prod 打包前端项目

3.复制dist中的文件到nginx的html中

4.运行nginx

5.访问localhost就能看到页面