前言
下面涉及到的安装包都在文章最后有,另外如果你的服务器是阿里云或者腾讯云,要确定下面涉及到的服务端口都已经开放了
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项目就已经部署成功了。