SpringBoot+Vue项目打jar包

最新推荐文章于 2025-04-03 14:44:03 发布

原创最新推荐文章于 2025-04-03 14:44:03 发布 · 3.2k 阅读

9 ·

CC 4.0 BY-SA版权

文章标签：

#vue #spring boot #java

Vue 专栏收录该内容

3 篇文章

订阅专栏

本文详细介绍了如何在开发工具webStorm中打包Vue项目，并将其与SpringBoot项目集成的过程。包括解决打包过程中的常见错误，如npm安装依赖、使用外网避免内网问题、配置静态资源访问等关键步骤。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、打包Vue项目（开发工具webStorm）

vue搭建脚手架报错：rollbackFailedOptinal:verb npm-session

建议使用外网，不要用公司内网

添加依赖：npm install

进行打包：npm run build

之后会出现dist文件夹

将dist下的文件放到idea中的static下

添加静态资源访问的配置和依赖

<!--导入配置文件处理器，配置文件进行绑定就会有提示-->
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-configuration-processor</artifactId>
            <optional>true</optional>
        </dependency>

package com.answer.testvue.config;

import org.springframework.context.annotation.Configuration;
import org.springframework.web.servlet.config.annotation.ResourceHandlerRegistry;
import org.springframework.web.servlet.config.annotation.ViewControllerRegistry;
import org.springframework.web.servlet.config.annotation.WebMvcConfigurer;

@Configuration
public class WebConfig implements WebMvcConfigurer {
    @Override
    public void addResourceHandlers(ResourceHandlerRegistry registry) {
        registry.addResourceHandler("/static/**").addResourceLocations("classpath/static/**").resourceChain(true);
    }

    @Override
    public void addViewControllers(ViewControllerRegistry registry) {

        registry.addViewController("/").setViewName("forward:/index.html");


    }
}

因为我的spring boot是个空的项目，没有数据库连接什么的,所以需要跳过数据库自动配置