项目优化Day3-07-项目部署-部署前端项目

项目优化Day3-07-项目部署-部署前端项目

1.部署前端项目

第一步：在服务器A中安装Nginx，将课程资料中的dish目录上传到Nginx的html目录下

​ dist目录：前端项目打完包之后的目录

第二步：修改Nginx配置文件nginx.conf

server {
    listen 80;
    server_name localhost;
    
    location / {
        root html/dist;
        index index.html
    }

    #反向代理配置
    location ^~ /api/ {
        rewrite ^/api/(.*)$ /$1 break;  
        解释： 
            url重写，如果没有这一行，我们这次请求就会被反向代理代理到192.168.138.101:8080/api/employee/login
        而这个请求我们后端处理不了，因为后端的路径是/employee/login，没有这个/api，所以访问不到。所以我们需要对请求路径来进行一个处理。也就是rewrite来重写请求路径。
        一般前端项目在发送请求的时候，都会带有一个固定的前缀，比如这里的/api，然后我们再通过nginx的反向代理，对这个url来进行一个处理，处理完之后再通过反向代理把这个请求转发给我们的后端真正的服务。

        proxy_pass http://192.168.138.101:8080;
    }
}