springboot+vue项目东方通TongWeb改造及部署

springboot+vue项目东方通TongWeb改造及部署

1、后端springboot改造

1.1修改pom.xml

1、将打包方式更改为 war

<modelVersion>4.0.0</modelVersion><groupId>com.aa.aa</groupId><artifactId>demo</artifactId><version>1.0.0</version><packaging>war</packaging><description>demo</description>

2、排除内置 Tomcat及相关依赖

<!-- SpringBoot Web容器 --><dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-web</artifactId><!--排除自带的tomcat依赖--><exclusions><exclusion><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-tomcat</artifactId></exclusion></exclusions></dependency>

1.2修改启动类

使启动类继承 SpringBootServletInitializer 类，并重写 configure 方法

@SpringBootApplication
public class DemoApplication extends SpringBootServletInitializer {
    @Override
    protected SpringApplicationBuilder configure(SpringApplicationBuilder builder){return builder.sources(DemoApplication.class);}
    public static void main(String[] args){
        SpringApplication.run(DemoApplication.class, args);}}

1.3 使用maven打包

1.4使用东方通部署后端war

1、应用前缀与application.yml配置文件server.servlet.context-path=/demo致

2、虚拟主机选择默认server

3、其他默认下一步执行
4、修改监听端口（前后端可使用同一端口）
端口和application.yml配置的端口保持一致

2、前端vue打成war包

2.1、执行npm命令打成dist包

    首先 在项目目录下面npm run build:prod 打成dist包（这里前端打包的命令就是参考项目package.json的script命令）

2.2、新建web.xml文件

    进入dist路径下，新建一个WEB-INF文件夹，在文件夹里面放入一个web.xml文件（直接在dist路径 下创建也可），用来解决tongweb部署404问题，如下：

<web-app><error-page><error-code>404</error-code><location>/index.html</location></error-page></web-app>

2.3、使用命令把dist打成war包

3、进入dist包，dist目录层级下输入cmd ，打开命令窗口后输入以下命令把前端dist包也打成一个war包，修改为自己的项目名称（这个war包打完会在dist文件夹里面）

jar -cvf 项目名称.war *

2.4、在东方通应用管理模块单独部署前端war

2.5、访问验证