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,成功访问。
相关推荐
计算机毕设指导6几秒前
基于微信小程序的智能停车场管理系统【源码文末联系】
java·spring boot·微信小程序·小程序·tomcat·maven·intellij-idea
每天瞎忙的农民工5 分钟前
Ubuntu 24 安装npm22
linux·运维·ubuntu·npm
roman_日积跬步-终至千里7 分钟前
【Java并发】Tomcat 与 Spring:后端项目中的线程与资源管理
java·spring·tomcat
BYSJMG9 分钟前
2026计算机毕设推荐:基于大数据的车辆二氧化碳排放量可视化分析系统
大数据·vue.js·python·mysql·django·课程设计
~小仙女~13 分钟前
组件的二次封装
前端·javascript·vue.js
Coding_Doggy14 分钟前
服务器迁移 | psql大批量数据以及navicat重新连接、conda 环境迁移
linux·数据库·人工智能
这是个栗子18 分钟前
AI辅助编程(一) - ChatGPT
前端·vue.js·人工智能·chatgpt
j_xxx404_19 分钟前
Linux:进程控制(创建/终止/等待/获取退出信息/多进程)
linux·运维·服务器
yuluo_YX21 分钟前
Alias for Linux/Mac
linux·elasticsearch·macos
心.c27 分钟前
Vue3+Node.js实现文件上传分片上传和断点续传【详细教程】
前端·javascript·vue.js·算法·node.js·哈希算法