springBoot + vue前后端分离项目部署到服务器
一、npm run build将前端打包成静态文件（会在dist目录下生成static文件夹以及index.html文件）
上图为：config目录index.js配置的build以及dev命令，如果你没找到static文件夹及index.html，到这里看一下你的路径是否配置的是dist路径；
二、在springboot项目，resources目录下，将打包好的静态文件夹及index.html文件一起复制到该文件夹下。
修改index.html:
资源路径:../static/js/app.2d923a2f958b54ba7f47.js以此类推,重点:最开始那个static不用写,写一个就行
原index.html的路径:
下面这个可能报错
此时，就可以直接运行项目本地测试跑起来，ok,没有任何问题，但是登录时却出现了问题，无法正常登录404,找不到资源路径；开始查找原因，这将是一个非常漫长且有趣味的过程；因为在springboot+vue的项目所有路径都会通过org.apache.shiro.web.filter.authc.FormAuthenticationFilter过滤器进行拦截；
过滤器拦截的过程中，会验证该登录的url是否为一个登录的url，即是否“/login”，问题找到了，为什么直接使用前端8080端口直接是“/login”，打包成静态文件之后就改变了呢，找到api目录下http.js，问题在于打包之后的静态文件,会将url整合传到后台，此时的路径自然会被拦截。
此时将const adminApiGateway = '/api’的/api去掉即可解决问题。
三、通过package将项目打包成jar包，生成在target目录下面，将该jar包上传到服务器的某个文件夹下（比如：usr/java下）：
或者输入命令：mvn package Dmven.test.skip=true /跳过测试类
四、通过命令启动项目。
windows : java -jar vue-server-0.0.1-SNAPSHOT.jar
linux:
1.ps -aux|grep + jar包名.jar --查看进程
2.kill -s 9 + 进程号 --杀进程
3.nohup java -jar + jar包名.jar > console.log 2>&1 & --启动进程（在此之前可以在同级目录下新建一个console.log文件用来存放日志信息，可以随时下载console.log查看项目运行状态)。
完成启动，地址加端口号（后端的）即可访问，如果你配置了项目名在端口号后面加上你的项目名即可。
附：打War包：
1：一：更改程序入口类 Application.java 使其继承SpringBootServletInitializer，并重写configure方法
2.更改pom.xml
<packaging>war</packaging>
代码解读 <dependencies>
<!-- … -->
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-tomcat</artifactId>
<scope>provided</scope>
</dependency>
<!-- … -->
</dependencies>
代码解读3.继承org.springframework.boot.web.servlet.support.SpringBootServletInitializer，实现configure方法：
为什么继承该类，SpringBootServletInitializer源码注释：
Note that a WebApplicationInitializer is only needed if you are building a war file and deploying it.
If you prefer to run an embedded web server then you won’t need this at all.
注意，如果您正在构建WAR文件并部署它，则需要WebApplicationInitializer。
如果你喜欢运行一个嵌入式Web服务器，那么你根本不需要这个。
启动类代码：
@SpringBootApplication
public class Application {
public static void main(String[] args) {
SpringApplication.run(Application.class, args);
}
}
代码解读1.方式一，启动类继承SpringBootServletInitializer实现configure：
@SpringBootApplication
public class Application extends SpringBootServletInitializer {
public static void main(String[] args) {
SpringApplication.run(Application.class, args);
}
@Override
protected SpringApplicationBuilder configure(SpringApplicationBuilder builder) {
return builder.sources(Application.class);
}
}
代码解读2.方式二，新增加一个类继承SpringBootServletInitializer实现configure：
public class ServletInitializer extends SpringBootServletInitializer {
@Override
protected SpringApplicationBuilder configure(SpringApplicationBuilder builder) {
//此处的Application.class为带有@SpringBootApplication注解的启动类
return builder.sources(Application.class);
}
}
代码解读注意事项：
使用外部Tomcat部署访问的时候，application.properties(或者application.yml)中配置的
server.port=
server.servlet.context-path=
代码解读或:
server:
port: 8081
servlet:
context-path: /api #最好不加,可能报错
spring:
mvc:
view:
prefix: /templates/
suffix: .html
代码解读将失效，请使用tomcat的端口，tomcat，webapps下项目名进行访问。
为了防止应用上下文所导致的项目访问资源加载不到的问题，
建议pom.xml文件中<build></build>标签下添加<finalName></finalName>标签：
<build>
<!-- 应与application.properties(或application.yml)中context-path保持一致 -->
<finalName>war包名称</finalName>
<plugins>
<plugin>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-maven-plugin</artifactId>
</plugin>
</plugins>
</build>
代码解读3.使用mvn命令行打包，运行：
clean是清除之前的包，-Dmaven.test.skip=true是忽略测试代码
jar 方式打包，使用内置Tomcat：mvn clean install -Dmaven.test.skip=true
运行：java -jar 包名.jar
war方式打包，使用外置Tomcat：mvn clean package -Dmaven.test.skip=true
运行：${Tomcat_home}/bin/目录下执行startup.bat(windows)或者startup.sh(linux)
打war包链接：SpringBoot打成war包，部署到Tomcat服务器（