Springboot+vue前后端分离项目一起打包

岚思榛

于 2024-05-11 17:05:20 发布

阅读量938

点赞数 6

分类专栏： java 文章标签： vue.js 前端 javascript java spring boot

本文链接：https://blog.youkuaiyun.com/qq_72771289/article/details/138722202

版权

1.先在前端页面使用 cnpm run build 命令打包

2.在Stringboot项目的resources下新建一个static文件夹将前端打包生成的dist文件放进去

3.在CorsConfig文件中加入代码

@Configuration
public class CorsConfig implements WebMvcConfigurer {

    //解决跨域
    @Bean
    public CorsFilter corsFilter() {
        CorsConfiguration corsConfiguration = new CorsConfiguration();
        corsConfiguration.addAllowedOriginPattern("*");
        corsConfiguration.addAllowedHeader("*");
        corsConfiguration.addAllowedMethod("*");
        corsConfiguration.setAllowCredentials(true);

        UrlBasedCorsConfigurationSource urlBasedCorsConfigurationSource = new UrlBasedCorsConfigurationSource();
        urlBasedCorsConfigurationSource.registerCorsConfiguration("/**", corsConfiguration);
        return new CorsFilter(urlBasedCorsConfigurationSource);
    }

    //释放静态文件访问权限
    @Override
    public void addResourceHand