部署前端项目到linux服务器

1.使用Xshell连接linux服务器

• xshell免费版地址:家庭/学校免费 - NetSarang Website (xshell.com)

2.安装nginx服务器

• sudo apt-get install nginx 

3.使用xftp上传前端文件

• 首先使用命令将前端项目打包到dist文件夹

• xftp免费版地址:家庭/学校免费 - NetSarang Website (xshell.com)

• 上传dist包到服务器

4.在nginx中配置前端项目

server {
    listen 8080;
    root /home/dist;
    index index.html;
    location / {
        try_files $uri /index.html;
    }
}

负载均衡

# upstream 后端服务,可以有多个
upstream boot_list {
    server 127.0.0.1:8888;
    # server 127.0.0.1:9999;
}
server {
    listen 8080;
    server_name localhost;
    
    location / {
        root /home/springboot/dist;
        try_files $uri $uri/index.html;
    }
    
    # api
    location /api/ {
        proxy_pass http://boot_list/;
        proxy_connect_timeout 60s;
        proxy_set_header Host $host;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    }
}

 

5.启动ngixn访问首页

http://127.0.0.1:8080