Vue+SpringBoot前后端分离项⽬打war包流程与部署到本地的
流程
相信很多⼈第⼀次使⽤前后端分离项⽬打包的时候不知道该怎么做,我也是踩了⽆数坑最后才成功的,不到最后⼀刻千万不要放弃!步骤如下
1、打包Vue项⽬
cmd中输⼊命令 npm run build 后就可打包成功,前提是代码没有报错
打包完成后项⽬路径下会⽣成⼀个新的⽂件夹dist,打包后的东西都在⾥⾯
2、整合Vue项⽬和SpringBoot项⽬
将Vue项⽬dist⽂件夹下的所有⽂件Copy到SpringBoot项⽬的resource/static⽬录下
接下来就是Spring的配置了
3、打包SpringBoot项⽬成war包
⾸先将l项⽬中的内置Tomcat依赖删除
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-tomcat</artifactId>
<scope>provided</scope>
</dependency>
<build>
<plugins>
<plugin>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-maven-plugin</artifactId>
</plugin>
<plugin>
<groupId>org.apache.maven.plugins</groupId>
<artifactId>maven-resources-plugin</artifactId>
<version>3.1.0</version>
</plugin>
</plugins>
</build>
Spring的启动类需要添加⼀些配置
package com.book;
batis.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("com.book.*.mapper")
public class BookApplication extends SpringBootServletInitializer {
@Override
protected SpringApplicationBuilder configure(SpringApplicationBuilder application) {
return application.sources(BookApplication.class);
}
public static void main(String[] args) {
SpringApplication.run(BookApplication.class, args);
}
}
然后将跨域的配置⽂件修改如下
package fig;
import t.annotation.Configuration;
import org.springframework.fig.annotation.CorsRegistry;
import org.springframework.fig.annotation.WebMvcConfigurer;
@Configuration
public class CorsConfig implements WebMvcConfigurer {
@Override
public void addCorsMappings(CorsRegistry registry) {
registry.addMapping("/**")
.allowedOrigins("*")
//.allowedOriginPatterns("*")
.allowedMethods("GET", "HEAD", "POST","PUT", "DELETE", "OPTIONS")
.allowCredentials(true)
.maxAge(3600);
maven打包本地jar包
}
}
接下来就是打包了,使⽤Maven快捷⼯具即点击install或⽤cmd命令打包,最后可以看到打包成功了
若上述步骤执⾏完还是报错则将SpringBoot的版本也需要更改⼀下 ,下⾯是我打包成功的版本
之后打开cmd输⼊命令 java -jar war包的名字.war 即可成功运⾏
这边需要注意的是这⾥访问的端⼝号是你后端SpringBoot中开启的端⼝

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。