把vuejs打包出来的文件整合到springboot里
把vuejs打包出来的文件整合到springboot里1.修改vuejs的config/index.js,在里面找到assetsPublicPath,改为/dist/,记住,是build:{}这里的,不是上面dev:{}的。build: {// Template for index.htmlindex: path.resolve(__dirname, '../dist/in...
·
把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
更多推荐
已为社区贡献3条内容
所有评论(0)