centos部署vue项目(java，tomcat环境的搭建)

前言

下面涉及到的安装包都在文章最后有，另外如果你的服务器是阿里云或者腾讯云，要确定下面涉及到的服务端口都已经开放了

java环境搭建

• 下载安装java1.8(两种方式选择一种即可)

  • 使用yum安装(不需要配置环境变量，直接可用)

    yum -y install java-1.8.0-openjdk*

  • 使用解压的包(需要配置环境变量)

    • 1️⃣：上传jdk8的安装包到服务器的目录下(这里比如放到了/home/jdk下)

    • 2️⃣：解压jdk-8u281-linux-x64.tar.gz，执行命令tar -zxvf jdk-8u281-linux-x64.tar.gz

    • 3️⃣：在文件/etc/profile中加入如下信息

      export JAVA_HOME=/home/jdk/jdk1.8.0_281
      export JRE_HOME=/home/jdk/jdk1.8.0_281/jre
      export 	CLASSPATH=.:$JAVA_HOME/lib/dt.jar:$JAVA_HOME/lib/tools.jar:$JRE_HOM	E/lib:$CLASSPATH
      export PATH=$JAVA_HOME/bin:$PATH
      

    • ⚠️：注意这里的JAVA_HOME和JRE_HOME都是刚刚jdk的解压路径，打开/etc/profile文件使用命令vim /etv/profile,进入文件后光标移到最后一行按字母o，然后将上面的内容复制进去即可。如果提示没有vim命令可以使用vi或者使用yum install vim下载vim命令后再进行操作。

  • 测试安装是否成功，控制台使用java -version，以及javac，都没有报错信息即暗转成功了，具体成功示例如下图所示

tomcat环境搭建

• 这里也是两种方式和上面的java环境搭建是一样的，但是不建议进行yum搭建

• 🆕：首先新建tomcat目录。执行命令mkdir -p /home/tomcat

• 1️⃣：上传apache-tomcat-8.5.61.tar.gz安装包到服务器的/home/tomcat下

• 2️⃣：执行cd /home/tomcat进入到tomcat目录下

• 3️⃣：执行tar -zxvf apache-tomcat-8.5.61.tar.gz进行解压

• 4️⃣：进入到/home/tomcat/apache-tomcat-8.5.61/conf下，修改server.xml的端口，当然你也可以不修改，前提是8080端口没有被占用，建议修改，如下图将8080修改为没有被占用的任意端口，查看端口是否被占用执行lsof -i tcp:所查端口，如果有输出那么就是被占用了。

• 

• 现在就已经搭建好了tomcat了，不要着急启动

部署vue项目(其实好多都可以，war，任意的html等)

1️⃣：在本地打包vue项目，命令为npm run build,，大部分是这个，当然你多环境就不好说了，如果实在不知道，在你的vue项目下有一个package.json文件，在开头就有，如下图：

2️⃣：看下你的vue.config.js文件下的publicPath: ‘/’

3️⃣：回到服务器，进入到/home/tomcat/apache-tomcat-8.5.61/webapps下，如果上面你的publicPath:‘/’,

那么就将刚刚打包好的dist文件中的所有内容上传到/home/tomcat/apache-tomcat-8.5.61/webapps/ROOT下，如果你的是publicPath:‘/test’,这里的test我随便起的，那么你要到/home/tomcat/apache-tomcat-8.5.61/webapps执行mkdir test,然后将那么就将刚刚打包好的dist文件中的所有内容上传到/home/tomcat/apache-tomcat-8.5.61/webapps/test下。

4️⃣：最后进入到/home/tomcat/apache-tomcat-8.5.61/bin下执行./start.sh即可，至此你的vue项目就已经部署成功了。

tomcat-8.5.61