将本地代码打包发送到阿里云服务器

我这边使用的是Xshell和Xftp，首先下载这两款软件

确定自己服务器的IP，登录的账号和密码

使用Xshell连接主机，如图按照步骤来，接着

成功后即可连接到主机，然后可以通过linux代码操作，也可以点击绿色的图标使用Xftp可视化工具

可以直接拖动文件

在右侧我选择的路径是 /usr/local包下创建了一个新包名为java，然后把自己打包好的后端代码jar包放进去（打包后端代码的时候记得查看application.yml中的端口是否占用，如果占用记得修改，默认8080；application-druid.yml中将服数据源修改成线上的服务器账号密码），接着在Xshell里面

进入该包

cd /usr/local/java

运行jar包

java -jar 包名.jar

 如此，后端代码部署完毕。接下来是前端代码部署了，先将前端代码打包，然后再服务器上选择的存放路径，我的路径是 /var/www，在此路径下创建了一个vue_project包，然后将前端打包的dist文件包放入，之后就是配置nginx。

首先，找到服务器nginx具体的位置，使用命令

nginx -t

 返回如下信息

说明，我的nginx安装路径是 /etc/nginx ，再使用Xftp进入到该文件夹找到nginx.conf文件，修改其中的配置

server {
        listen       80;
        server_name  X.XX.XXX.XXX;#（你的服务器地址IP）
 
        #charset koi8-r;
 
        #access_log  logs/host.access.log  main;
 
        location / {
            root   /var/www/vue_project/dist;#（你的前端dist文件在服务器的地址）
            index  index.html index.htm;
            try_files $uri $uri/ /index.html; 
        }
 
        location ~* \.(jpg|jpeg|png|gif|css|js|ico)$ {#（处理静态资源）
            root   /var/www/vue_project/dist;  # Vue 项目打包后的 dist 目录路径
            expires 30d;
        }  
 
        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }
 
        location /prod-api/ {# 在网页上F12会发现有这个，请求地址的代理配置，所以一定要加上
        proxy_pass http://localhost:8090/;  # 替换成前端vite.config.js中targetI地址：后端应用的端口.(设置成云服务器的IP地址，就会有验证码出不来的问题)
# 设置请求头，以保留访问客户端的真实IP地址
            proxy_set_header Host $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;
            add_header 'access-control-allow-origin' '*';
            add_header 'access-control-allow-credentials' 'true';
            add_header 'access-control-allow-methods' '*';
        }
    }

配置完成后，基本搞定，可以打开浏览器查看你的代码是否跑起来了

http://  +   你的服务器IP

文章有些粗糙，大家尽量看，如有什么不准确的地方，欢迎指导修改。

感谢您的点赞和收藏，我们一起努力。