手把手教你在阿里云服务器部署一个属于自己的项目（三）前后端分离部署到服务器

DROPTOP! - 刘炫廷/Tizzy T/GALI/Capper - 单曲 - 网易云音乐

前面学习了领取服务器和搭建Java环境，这是最后一篇就是部署项目了，终于要完事了。

正片开始>>>>>

1、打开FinalShell连上咱的服务器，环境都OK了，找个地方放jar包和vue的静态文件，我是在根目录建了个/data目录，前端文件放在了/data/vue1（随便放就行）

2、 后端打包需要注意MySql的路径、账号、密码对不对，检查一下再打包，打包完成上传到/data。

3、 前端打包需要改一下后端请求路径，改成http://公网ip:80，这里注意一下：如果你前端做了代理则不用改后端请求路径（http://172.0.0.1:后端端口）打包完成会生成dist文件夹把里面的文件上传到/data/vue1就完事。

# vue打包命令
npm run build

4、上传完成后先把jar包启动一下看看有报错吗， 启动没啥报错，Ctrl C 退出就行！然后用后台启动jar包。

# jar包启动
java -jar 包名称

# 后台jar包启动
nohup java -jar 包名称 &

5、启动成功该弄Nginx了，这个**币我弄了整整一天，因为一点也不懂，慢慢摸索出来的！找到安装Nginx的地址中conf目录的nginx.conf，你vim进入修改也行，我是直接用记事本打开的。

   前端这个只需要改一下前端的文件路径，加一下路由跳转

        location / {
            root   /data/vue1;  # 前端的路径
            index  index.html index.htm; 
		    try_files $uri $uri/ /index.html; #路由跳转，防止刷新报错
        }

  这段配置是把后端暴露在公网，用nginx的端口80转发，公网ip+Nginx的端口80+后端请求路径，就能请求到后端！

  #  转发请求到后端
        location /api {
		    rewrite  ^/api/(.*)$ /$1 break; #去掉添加的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:8081; # 后端地址端口
 	  }

6、最后重启Nginx，就能在公网打开自己的项目了，真牛*

这就完事了，可以去装*了！

用破坏性的语言贬低和伤害他人并不是解决问题的办法。

---