把vuejs打包出来的文件整合到springboot里

1.修改vuejs的config/index.js,在里面找到assetsPublicPath,改为/dist/,记住,是build:{}这里的,不是上面dev:{}的。

build: {
    // Template for index.html
    index: path.resolve(__dirname, '../dist/index.html'),

    // Paths
    assetsRoot: path.resolve(__dirname, '../dist'),
    assetsSubDirectory: 'static',
    assetsPublicPath: '/dist/',

2.执行npm run build,会出现一个dist文件夹在vuejs项目目录里。
3.把这个dist文件夹copy到springboot的resources/static/,记住,是整个dist连文件夹一起copy过来。
4.项目引入thymeleaf依赖

<dependency>
	<groupId>org.springframework.boot</groupId>
	<artifactId>spring-boot-starter-thymeleaf</artifactId>
</dependency>

访问localhost/dist/index.html/#/就可以

参考博客
https://blog.csdn.net/u014054437/article/details/79981307#commentBox

Logo

前往低代码交流专区

更多推荐