Vue+Spring Boot 前后端分离开发部署步骤

[项目基本情况]

本地测试：tomact环境

发布：weblogic环境

[部署流程]

#1-> 前端打包

vue项目根目录下新建 vue.config.js 指定静态资源访问地址

module.exports = {
  publicPath: './'
}

其他路径方式可参考：https://www.jb51.net/article/184694.htm

修改 main.js 中axios指定的默认url请求地址，把本地测试接口改为正式发布接口地址

// 本地测试接口
axios.defaults.baseURL = 'http://localhost:8080/'
// 正式发布接口
axios.defaults.baseURL = 'http://xx.xx.xx.xx:8080/project_name/'

前端文件打包生成 /dist -> 直接丢到后端/static/文件夹下

npm run build

#2-> 后端打包

#2.1-> application.yml -> 修改数据库链接地址

#2.2-> pom.xml

#2.2.1-> 指定打包成war类型

<packaging>war</packaging>

#2.2.2-> 因为发布环境是weblogic，打包时需要排除tomat

<!-- package排除Tomcat-->
<dependency>
    <groupId>org.springframework.boot</groupId>
    <artifactId>spring-boot-starter-tomcat</artifactId>
    <scope>provided</scope>
</dependency>

#2.3-> 项目启动类WebApplication.java改造，添加Builder

@Override
protected SpringApplicationBuilder configure(SpringApplicationBuilder applicationBuilder){
        return applicationBuilder.sources(WebApplication.class);
}    

#2.4 -> 新建一个weblogic.xml，然后放到webapp/WEB-INF/下

<?xml version="1.0" encoding="UTF-8"?>
<wls:weblogic-web-app
        xmlns:wls="http://xmlns.oracle.com/weblogic/weblogic-web-app"
        xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
        xsi:schemaLocation="http://java.sun.com/xml/ns/javaee
        http://java.sun.com/xml/ns/javaee/ejb-jar_3_0.xsd
        http://xmlns.oracle.com/weblogic/weblogic-web-app
        http://xmlns.oracle.com/weblogic/weblogic-web-app/1.4/weblogic-web-app.xsd">
    <!--设置weblogic上的访问路径，默认是localhost:8080/-->
    <wls:context-root>/project_name</wls:context-root>
    <wls:container-descriptor>
        <wls:prefer-application-packages>
            <wls:package-name>org.slf4j</wls:package-name>
        </wls:prefer-application-packages>
    </wls:container-descriptor>
</wls:weblogic-web-app>

最后一步使用maven进行package打包，丢到服务器发布完成。