我的个人网站：
http://riun.xyz

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

2、执行npm run build，会出现一个dist文件夹在vuejs项目目录里。

3、把这个dist文件夹copy到springboot的resources/static/，是整个dist连文件夹一起copy过来。如下图
在这里插入图片描述

4、SpringBoot项目只需要parent依赖和web依赖即可。

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

5、启动，访问：http://localhost:8080/dist/index.html

在这里插入图片描述

# spring boot
Logo
HarmonyOS开发者社区

讨论HarmonyOS开发技术，专注于API与组件、DevEco Studio、测试、元服务和应用上架分发等。

更多推荐

鸿蒙 Web组件网页缩放：启用、监听与控制

Web组件提供三种缩放方式：手势缩放、鼠标滚轮缩放和键盘缩放，支持通过zoomAccess属性、HTML viewport标签或forceEnableZoom属性控制缩放行为。开发者可监听onScaleChange事件获取缩放比例变化，并使用zoom()、zoomIn()、zoomOut()等API精确控制缩放比例。缩放比例可用百分比、小数或整数表示，其中zoom()函数的参数大于1表示放大，小于

avatar HarmonyOS开发者社区
cover

小白基础入门 React Native 鸿蒙跨平台开发：消息详情页面实现

avatar HarmonyOS开发者社区

Flutter 框架跨平台鸿蒙开发 - 非遗文化查询：传承中华文化瑰宝

非遗文化查询是一款专为非物质文化遗产保护和传播打造的Flutter应用，提供非遗项目查询、传承人信息展示和地域分布统计功能。通过智能搜索和分类筛选，让用户轻松了解和学习中华优秀传统文化。运行效果图模型字段说明：计算属性：非遗分类与颜色映射：保护等级：模型字段说明：计算属性：数据生成特点：筛选条件：筛选流程：搜索功能特点：筛选对话框设计：卡片布局结构：设计要点：卡片布局结构：设计要点：统计功能：页面

avatar HarmonyOS开发者社区