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,成功访问。
相关推荐
周末也要写八哥7 小时前
html网页设计适合新手的学习路线总结
html
killerbasd7 小时前
牧苏苏传 我不装了 4/7
前端·javascript·vue.js
云栖梦泽7 小时前
Linux内核与驱动:9.Linux 驱动 API 封装
linux·c++
ZC跨境爬虫8 小时前
【爬虫实战对比】Requests vs Scrapy 笔趣阁小说爬虫,从单线程到高效并发的全方位升级
前端·爬虫·scrapy·html
爱上好庆祝8 小时前
svg图片
前端·css·学习·html·css3
大家的林语冰9 小时前
《前端周刊》尤大开源 Vite+ 全家桶,前端工业革命启动;尤大爆料 Void 云服务新产品,Vite 进军全栈开发;ECMA 源码映射规范......
前端·javascript·vue.js
si莉亚9 小时前
ROS2安装EVO工具包
linux·开发语言·c++·开源
Tingjct9 小时前
Linux常用指令
linux·运维·服务器
广州灵眸科技有限公司9 小时前
为RK3588注入澎湃算力:RK1820 AI加速卡完整适配与评测指南
linux·网络·人工智能·物联网·算法
IT界的老黄牛9 小时前
Linux 压缩命令实战:tar、gzip、bzip2、xz、zstd 怎么选?一篇讲清楚
linux·运维·服务器