vue+springboot项目上传部署tomcat

下载及安装Tomcat

进入tomcat官网,Tomcat官网
选择需要下载的版本,点击下载
下载路径一定要记住,并且路径中尽量不要有中文

下载后是压缩包 .zip,解压后

tomcat系统各个文件夹目录是什么意义:

bin:放置的是Tomcat一些相关的命令,启动的命令(startup)和关闭的命令(shutdown)等等

conf:(configure)配置文件

lib:(library)库,依赖的 jar包

logs:Tomcat 的日志文件

temp:Tomcat的临时文件夹

webapps:可执行的项目。默认作为存放开发项目的目录

work:存放由 jsp翻译成的 .java源文件以及编译的 .class字节码文件(jsp -->java -->class)

启动Tomcat

在安装 tomcat 之前必须安装 java环境,否则不好使

测试Tomcat

双击打开后找到 bin目录下的 【startup.bat】 ,双击启动Tomcat

如果是Linux系统点【startup.sh

之后打开浏览器,在地址栏输入:【http://localhost:8080 】或者【http://127.0.0.1:8080

如果看到Tomcat自带的一个JSP页面,则表示安装成功

8080是默认端口号,如果和其他软件冲突,去配置文件中server.xml中修改端口号即可

前端项目vue打包:

执行命令:npm run bulid

后端项目springboot打包:

入口类继承SpringBootServletInitializer重写configure方法:

复制代码
package cn.ljy;

import org.mybatis.spring.annotation.MapperScan;
import org.springframework.boot.SpringApplication;
import org.springframework.boot.autoconfigure.SpringBootApplication;
import org.springframework.boot.builder.SpringApplicationBuilder;
import org.springframework.boot.web.servlet.support.SpringBootServletInitializer;

@SpringBootApplication
@MapperScan("cn.ljy.*.mapper")
public class App extends SpringBootServletInitializer {
    @Override
    protected SpringApplicationBuilder configure(SpringApplicationBuilder application) {
        return application.sources(App.class);
    }


    public static void main(String[] args) {
        SpringApplication.run(App.class, args);
    }
}

配置pom.xml文件:

1.先让IDEA知道你这次要配war包:

复制代码
	<packaging>war</packaging>

2.需要排除一下内置tomcat的jar包,防止打包之后与外面Tomcat jar 包冲突,导致项目启动失败,配置如下

复制代码
<!--排除内置tomcat jar包-->
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-tomcat</artifactId>
            <scope>provided</scope>
        </dependency>

3.修改生成文件的文件名称,可以设置build下的finalName属性,代码如下

复制代码
<build>
    <finalName>hncj-data-visualization</finalName>
</build> 

IDEA生成war包:

1.构建下面的构建工件

2.选择war和构建

文件中出现下面文件说明打包成功:

把打包完成的项目文件放置tomcat文件的webapps文件下,然后启动tomcat

前端打包好的项目文件是dist文件放置webapps文件下的ROOT文件下,前后端文件都放置好了以后tomcat重新启动,重新启动先关闭tomcat在启动tomcat。

登入tomcat的前端管理界面,点击以后要输入账号密码,这边去配置文件tomcat-users.xml文件进行配置。在tomcat-users.xml文件最后面添加

<role rolename="manager-gui"/>

<user username="admin" password= "123456" roles="manager-gui"/>

这两行代码添加用户

然后把账号密码输入上去进行登入,登入成功是下面的界面

相关推荐
SoniaChen3324 分钟前
Rust基础-part3-函数
开发语言·后端·rust
代码的余温29 分钟前
Spring Boot集成Logback日志全攻略
xml·spring boot·logback
全干engineer29 分钟前
Flask 入门教程:用 Python 快速搭建你的第一个 Web 应用
后端·python·flask·web
没有bug.的程序员35 分钟前
JAVA面试宝典 -《Spring Boot 自动配置魔法解密》
java·spring boot·面试
William一直在路上1 小时前
SpringBoot 拦截器和过滤器的区别
hive·spring boot·后端
hnlucky1 小时前
《Nginx + 双Tomcat实战:域名解析、静态服务与反向代理、负载均衡全指南》
java·linux·服务器·前端·nginx·tomcat·web
hnlucky1 小时前
同时部署两个不同版本的tomcat要如何配置环境变量
java·服务器·http·tomcat·web
小马爱打代码2 小时前
Spring Boot 3.4 :@Fallback 注解 - 让微服务容错更简单
spring boot·后端·微服务
旷世奇才李先生2 小时前
奇哥面试记:SpringBoot整合RabbitMQ与高级特性,一不小心吊打面试官
spring boot·面试·java-rabbitmq
曾曜2 小时前
PostgreSQL逻辑复制的原理和实践
后端