全国旗舰校区

不同学习城市 同样授课品质

北京

深圳

上海

广州

郑州

大连

武汉

成都

西安

杭州

青岛

重庆

长沙

哈尔滨

南京

太原

沈阳

合肥

贵阳

济南

下一个校区
就在你家门口
+
当前位置:首页  >  技术干货

vue打包dist文件springboot

发布时间:2023-09-01 14:18:01
发布人:xqq

Vue是一种流行的JavaScript框架,用于构建用户界面。而Spring Boot是一个用于快速开发Java应用程序的框架。在这个问题中,你想知道如何将Vue打包后的dist文件与Spring Boot集成。

你需要将Vue项目打包为静态文件。在Vue项目的根目录中,使用命令行运行以下命令:


npm run build

这将生成一个dist文件夹,其中包含打包后的静态文件。

接下来,将dist文件夹中的内容复制到Spring Boot项目的静态资源文件夹中。默认情况下,Spring Boot会将静态资源文件放在src/main/resources/static目录下。将dist文件夹中的内容复制到该目录下即可。

然后,在Spring Boot的配置文件中添加以下配置:

`yaml

spring:

resources:

static-locations: classpath:/META-INF/resources/, classpath:/resources/, classpath:/static/, classpath:/public/, classpath:/dist/

这将告诉Spring Boot在这些目录中查找静态资源文件。

启动Spring Boot应用程序,你将能够通过访问http://localhost:8080来查看集成了Vue的应用程序。

总结一下,将Vue打包后的dist文件与Spring Boot集成的步骤如下:

1. 在Vue项目根目录中运行npm run build命令,生成dist文件夹。

2. 将dist文件夹中的内容复制到Spring Boot项目的静态资源文件夹中。

3. 在Spring Boot的配置文件中添加静态资源的路径。

4. 启动Spring Boot应用程序,通过http://localhost:8080访问集成了Vue的应用程序。

希望以上解答能够帮助你成功将Vue打包后的dist文件与Spring Boot集成。如果你有任何其他问题,请随时提问。

#vue打包dist文件

相关文章

抖音小店怎么设置免密支付功能

2023-09-22

开个抖音小店怎么样才能赚钱呢

2023-09-22

抖音小店在哪里进入店铺

2023-09-22

抖音小店在线支付的钱在哪里查询

2023-09-22

抖音小店怎么关闭退保证金提醒功能

2023-09-22

自己的抖音小店怎么设置佣金

2023-09-22
在线咨询 免费试学 教程领取