vue+springBoot前后端分离项目,tomcat部署记录
前端部署:
- 步骤一:npm run build 打包dist
- 步骤二:复制dist到tomcat-webapps目录下
- 步骤三:修改tomcat-server.xml,端口(8080)对应后台服务端口
- 步骤四: Host下增加Context配置,目的增加一个需要部署的应用
<Context path="" docBase="dist" debug="0" reloadable="true" />
注意(解决刷新当前页报404,vue路由mode: ‘history’, //去掉url中的#):
在dist目录新建WEB-INF文件夹,在WEB_INF下创建web.xml
编写web.xml内容如下:
<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee
http://xmlns.jcp.org/xml/ns/javaee/web-app_3_1.xsd"
version="3.0" metadata-complete="true">
<display-name>Router for Tomcat</display-name>
<error-page>
<error-code>404</error-code>
<location>/index.html</location>
</error-page>
</web-app>
后端部署:
准备工作:
1,修改pom,添加<packaging>war</packaging>
打包war包
<!--打war包时忽略内部自带tomcat-->
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-tomcat</artifactId>
<scope>provided</scope>
</dependency>
2,修改:yml文件context-path: api
所有请求前面添加/api
3,修改启动类:如下
4,修改:logback.xml日志保存路径
../logs
保存到部署路径上层目录(webapps同级)
./logs
保存服务器根目录(tomcat-bin目录下)
<property name="log" value="../logs"/>
- 步骤一:
mvn clean package
打包ROOT.war - 步骤二:复制war包到tomcat-webapps目录下
- 步骤三:修改tomcat-server.xml,在Host下增加Context配置,目的增加一个需要部署的应用
<Context path="/api" docBase="ROOT" debug="0" reloadable="true" />
部署完毕:访问ok!恭喜
双击tomcat-bin-下startup.bat
文件运行项目吧!