Linux使用tomcat发布vue打包的dist或html

文章目录

一、下载JDK、TOMCAT

(1)网盘下载

JDK:链接: https://pan.baidu.com/s/1hslu1OAw1kuvsu9grdLr2Q 提取码: rgux

TOMCAT:链接: https://pan.baidu.com/s/1qP023LmXFpJZvbmypBGgMA 提取码: 53x2

(2)官网下载

JDK: java官网

TOMCAT:tomcat官网

二、安装JDK

(1)、检查系统是否自带了JDK

sql 复制代码
java -version

有以下输出则有JDK

(2)、没有JDK,则进行安装,先把上面下载的gz文件放入目录:/usr/local/src

(3)、解压当前压缩包,并移动至你自己要存储的位置

sql 复制代码
tar -zxvf  jdk-8u471-linux-x64.tar.gz
cp -p  jdk1.8.0_471   /usr/java

(4)、修改环境变量

使用命令:

sql 复制代码
vim /etc/profile

添加:

sql 复制代码
export JAVA_HOME=/usr/local/java/ jdk1.8.0_471/
export PATH=$PATH:$JAVA_HOME/bin
export CLASSPATH=.:SJAVA_HOME/lib/dt.jar:$JAVA_HOME/lib/tools. jar

添加完之后:ESC,再输入:wq,保存并退出。

(5)、测试是否安装成功

sql 复制代码
java -version

出现以下输出则安装成功

三、安装TOMCAT

(1)、还是先把tomcat的gz压缩包放在目录:/usr/local/src

(2)、安装完之后,使用以下命令进行操作

sql 复制代码
tar zxvf apache-tomcat-9.0.35.tar.gz     //解压
mv apache-tomcat-9.0.35 /usr/tomcat  //移动解压的文件到你自己的目录
cp -p /usr/local/tomcat/bin/catalina.sh /etc/init.d/tomcat
vim /etc/init.d/tomcat //打开(或创建)位于 /etc/init.d/ 目录下的名为 tomcat 的脚本文件。

(3)、进入编辑页面,输入以下配置

sql 复制代码
# chkconfig: 112 63 37
# description: tomcat server init script
# Source Function Library

. /etc/init.d/functions
JAVA_HOME=/usr/local/jdk1.8.0_101/
CATALINA_HOME=/usr/local/tomcat

(4)、配置完毕之后,保存并退出vim,执行以下命令

sql 复制代码
chmod 755 /etc/init.d/tomcat
chkconfig --add tomcat
chkconfig tomcat on

(5)、启动Tomcat

进入tomcat的bin目录下

sql 复制代码
cd  /usr/tomcat/bin

使用./startup.sh启动tamcat

(6)、检查Tomcat是否启动成功

sql 复制代码
ps aux |grep tomcat

看见以下输出,则启动成功

查看端口占用情况

sql 复制代码
netstat  -apn|grep 8080

四、上传打包的文件

(1)、html

1、在webapps下面创建一个test文件夹
2、把ROOT文件夹里面的WEB-INF复制进test文件夹里面
3、再把html文件复制进去,命名为:index.html
4、使用shutdown.sh、startup.sh重启tomcat
5、访问localhost:8080/test,成功访问。

(2)、dist

1、在webapps下面创建一个test文件夹
2、把dist文件放进去
3、再把dist里面的assets文件放在test的同级目录下
4、使用shutdown.sh、startup.sh重启tomcat
5、访问localhost:8080/test,成功访问。
相关推荐
ShineWinsu13 分钟前
对于Linux:模版方法类的解析以及socket、TcpSocket的封装
linux·c++·面试·socket·模板方法模式·封装·tcpsocket
Cobyte44 分钟前
模板 DSL 解析器中的状态机设计
前端·javascript·vue.js
无足鸟ICT1 小时前
【RHCA+】查看变量
linux·运维·服务器
Kina_C1 小时前
Linux DNS 服务器-从高速缓存到辅助 DNS 部署指南
linux·运维·服务器·dns
suaizai_1 小时前
TypeScript 7 正式发布!Vue 暂被 “拒之门外“ !!!
linux·运维·ubuntu
慕伏白2 小时前
【慕伏白】Linux 系统如何根据端口号关闭进程
linux·运维·服务器
Bad_Shepherd2 小时前
vue-element-plus-admin添加自定义svg图标,并且图标选择组件可选自定义图标
vue.js·elementui·前端框架
letisgo52 小时前
VMware Workstation + Ubuntu 26.04 LTS 小白运维部署手册
linux·运维·ubuntu
IT探索3 小时前
Linux 查找文件指令总结
linux·算法
晚风吹长发3 小时前
Docker使用——Docker容器及相关命令
linux·运维·服务器·docker·容器·架构