在linux服上部署vue+springboot+nginx项目

一、环境准备

1、安装winscp便于可视化操作linux：winscp安装及关联putty使用_putty.exe没有找到_cherishSpring的博客-优快云博客

2、安装jdk：linux系统安装jdk-优快云博客

3、安装mysql：Linux7安装mysql数据库以及navicat远程连接mysql-优快云博客

4、安装nginx： 阿里云服务linux系统CentOs8.5安装/卸载nginx1.15.9-优快云博客

 二、打包项目

1、前端打包前需加如api一样的前缀，便于后面nginx处理跨域

然后选中前端工程右键->open in->terminal打开命令窗口，执行打包命令，生成dist目录

打包命令要根据pakage.json里定义的来，以下定义的是build,可执行npm run build，

若安装了yarn，也可执行yarn build

2、后端打bootjar包，打好之后通常可以在工程build/lib目录下找到：

     

3、将前端生成的dist目录内容和后端打好的jar包上传到linux服，目录随意，我这里是放在app用户的主目录下的

4.启动后端，打开winscp命令行工具，进入后端jar放置的目录，执行java -jar xxx.jar

三、配置外网访问

1、配置nginx，若没有域名，就配置服务外网ip

2、nginx配置在修改后需要重启

cd /usr/local/nginx/sbin/
./nginx -s reload

3、需要再阿里云服务放行端口

 

4、放行后即可在浏览器输入地址访问

若是80端口：

     http://www.xxx.com

     http://8.xx.xx.169

若是其他端口，如8090：

     http://www.xxx.com:8090

     http://8.xx.xx.169:8090

因为80为http访问默认端口，所以访问的时候不需要加上，但其他端口就必须要加才能访问

  若不想加端口，可以参考：阿里云域名解析到非默认端口处理方式-优快云博客

5、查看nginx日志位置 ，若访问不了可以查看日志处理