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,成功访问。
相关推荐
无羡仙10 分钟前
从零构建 Vue 弹窗组件
前端·vue.js
Sumlll_1 小时前
Ubuntu系统下QEMU的安装与RISC-V的测试
linux·ubuntu·risc-v
猫头虎1 小时前
2025最新OpenEuler系统安装MySQL的详细教程
linux·服务器·数据库·sql·mysql·macos·openeuler
晚风吹人醒.3 小时前
SSH远程管理及访问控制
linux·运维·ssh·scp·xshell·访问控制·远程管理
计算机毕设VX:Fegn08953 小时前
计算机毕业设计|基于springboot + vue动物园管理系统(源码+数据库+文档)
数据库·vue.js·spring boot·后端·课程设计
北辰alk3 小时前
深入理解Vue数据流:单向与双向的哲学博弈
vue.js
Uncertainty!!4 小时前
Linux多用户情况下个别用户输入密码后黑屏
linux·远程连接
北辰alk4 小时前
解决Vue打包后静态资源图片失效的终极指南
vue.js
necessary6534 小时前
使用Clion查看linux环境中的PG源码
linux·运维·服务器
小猪佩奇TONY5 小时前
Linux 内核学习(14) --- linux x86-32 虚拟地址空间
linux·学习