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,成功访问。
相关推荐
xuhe210 分钟前
[全流程详细教程]Docker部署ClawBot, 使用GLM4.7, 接入TG Bot实现私人助理. 解决Docker Openclaw Permission Denied问题
linux·docker·ai·github·tldr
Lsir10110_26 分钟前
【Linux】进程信号(下半)
linux·运维·服务器
anOnion36 分钟前
构建无障碍组件之Alert Dialog Pattern
前端·html·交互设计
酉鬼女又兒44 分钟前
零基础入门Linux指南:每天一个Linux命令_pwd
linux·运维·服务器
云飞云共享云桌面1 小时前
高性能图形工作站的资源如何共享给10个SolidWorks研发设计用
linux·运维·服务器·前端·网络·数据库·人工智能
zl_dfq1 小时前
Linux 之 【多线程】(pthread_xxx、轻量级进程、原生线程库、线程ID、__thread、线程栈、线程与信号、线程与程序替换)
linux
choke2331 小时前
Python 基础语法精讲:数据类型、运算符与输入输出
java·linux·服务器
wqq63108551 小时前
Python基于Vue的实验室管理系统 django flask pycharm
vue.js·python·django
Deng9452013141 小时前
Vue + Flask 前后端分离项目实战:从零搭建一个完整博客系统
前端·vue.js·flask
AZ996ZA1 小时前
自学linux的第二十一天【DHCP 服务从入门到实战】
linux·运维·服务器·php