SpringBoot+Vue项目打jar包

一、打包Vue项目(开发工具webStorm)

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

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

添加依赖:npm install

SpringBoot+Vue项目打jar包_第1张图片

进行打包:npm run build

SpringBoot+Vue项目打jar包_第2张图片

之后会出现dist文件夹

SpringBoot+Vue项目打jar包_第3张图片

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

SpringBoot+Vue项目打jar包_第4张图片

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


        
            org.springframework.boot
            spring-boot-configuration-processor
            true
        

SpringBoot+Vue项目打jar包_第5张图片

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是个空的项目,没有数据库连接什么的,所以需要跳过数据库自动配置

SpringBoot+Vue项目打jar包_第6张图片

同时也需要关闭这个,点击闪电按钮,这是为了防止之后打包失败

SpringBoot+Vue项目打jar包_第7张图片

之后install打包,然后在target下找到打好的jar包并启动

SpringBoot+Vue项目打jar包_第8张图片

 

启动成功

SpringBoot+Vue项目打jar包_第9张图片

参考链接:https://blog.csdn.net/weixin_43085797/article/details/105834457

 

你可能感兴趣的:(Vue,vue,spring,boot,java)