vuecli3/4 部署到 Nginx，后端接口项目部署到 Tomcat

版本说明：

• 服务器：腾讯云 centos:7.6

• nginx: 1.16.1 .tar.gz

• jdk: jdk-8u261-linux-x64.rpm

• tomcat: apache-tomcat-8.5.57.tar.gz

• vue:

  “axios”: “^0.20.0”,

  “core-js”: “^3.6.5”,

  “vue”: “^2.6.11”,

  “vue-router”: “^3.2.0”,

  “vuex”: “^3.5.1”

• vuecli4

需要放行的端口：

• 80
• 8080
• 你的 redis
• 你的 mysql
• …

一、将后端项目springboot-war部署到服务器装的Tomcat上

也可以打包成jar,直接 java -jar jar包 运行

1、jar包部署

• 没有安装 jdk 的 请看：

  1. 搜 华为 jdk 镜像，下载 jdk 8+ linux rpm 版，上传到 服务器 华为jdk镜像

  2. 安装 rpm -ivh jdk-xxx.rpm (没有权限的话 chmod 755 jdk-xxx-rpm )

  3. 添加环境变量配置

     vim /etc/profile
     #拉到最后添加以下配置
     set java environment
     export JAVA_HOME=/usr/java/jdk1.8.0_261-amd64
     JRE_HOME=/usr/java/jdk1.8.0_261-amd64/jre
     CLASS_PATH=.:$JAVA_HOME/lib/dt.jar:$JAVA_HOME/lib/tools.jar:$JRE_HOME/lib
     PATH=$PATH:$JAVA_HOME/bin:$JRE_HOME/bin
     export JAVA_HOME JRE_HOME CLASS_PATH PATH
     #添加完毕刷新使得环境变量生效
     source /etc/profile
     #检查是否安装成功
     java -version
     javac -verison
     

• 修改pom.xml

   <packaging>jar</packaging>
  

• maven install /maven package 后上传到服务器（推荐 Alibaba Cloud Toolkit 工具，vscode、idea、pycharm、eclipse 都可以用，上传速度极快，远超 xftp）后输入启动命令: javac -jar xxx.jar

2、war包部署

• 没有安装jdk的请看前面的内容 安装jdk

• 安装 Tomcat

  1. 下载 Tomcat

  2. 放到服务器中

  3. 解压 tar -zxvf tomcat-xxx.tar.gz

  4. 启动tomcat

     #将刚才解压的目录移动至指定的目录并重命名
     mv tomcat-xxx /usr/local/tomcat
     #进入Tomcat bin目录
     cd /usr/local/tomcat/bin
     #运行
     ./start.sh
     #关闭
     ./shutdown.sh
     

  5. 访问 服务器:8080 查看是否启动成功（需要放行端口）

• 修改pom.xml

  <packaging>jar</packaging>
  ...
  <!-- 部署移除 内置 Tomcat -->
   <depend