首先先确定是不是路径的问题，如果找不到css文件和js文件，那么要修改config下面的index.js中bulid模块导出的路径

assetsPublicPath: '/',

改为

assetsPublicPath: './',

确定路径没问题以后再来看history模式的问题

history模式需要服务器端配置

详情见：https://router.vuejs.org/zh-cn/essentials/history-mode.html

vue默认的是hash模式，表现为浏览器的网页地址带 # 符号，当然，你可能会碰到需求说要你把这个#给去掉，那么你就需要history模式了

export default new Router({
mode: 'history',
}


打包上传以后还是空白页，但是各个资源都是有的，资源路径也都是可以打开的

这里你还需要修改两个地方

1.你的子路径需要加上去，

2.给每一个component加上name

export default new Router({
mode: 'history',
base: '/test',
routes: [
{ path: '/index', name: 'index', component:index},
}

打包上传测试

Logo
HarmonyOS开发者社区

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

更多推荐

Flutter适配鸿蒙实践

摘要：本文介绍了Flutter在HarmonyOS NEXT系统上的适配方案。文章详细说明了Windows环境下的开发配置流程，包括Flutter SDK安装、引擎构建、环境变量设置等步骤，并提供了创建工程、编译HAP包和真机调试的具体方法。同时介绍了原生工程集成Flutter模块的两种方式，以及通过MethodChannel、EventChannel和BasicMessageChannel实现F

avatar HarmonyOS开发者社区

深耕鸿蒙技术栈：从认证备考到实战开发的进阶之路

从HCIA到HCIP，再到鸿蒙高级认证的进阶，从基础组件开发到分布式应用实践，这段学习经历让我对鸿蒙技术体系有了更深刻的理解，也为未来的实习与职业发展筑牢了根基。而鸿蒙高级认证的备考，则更注重综合技术的融合与创新应用。对于即将进入实习阶段的我来说，深耕鸿蒙技术栈，不仅是顺应技术发展的趋势，更是为了在万物互联的时代浪潮中，抓住属于开发者的机遇。鸿蒙认证体系是检验开发者技术水平的重要标尺，从HCIA的

avatar HarmonyOS开发者社区

鸿蒙开发核心技术解析：从分布式架构到ArkUI实战一、鸿蒙系统核心特性：分布式技术重塑开发范式鸿蒙（HarmonyOS）作为面向全场景的分布式操作系统，其核心优势在于分布式架构与一次开发、多端

sourcePath: '/data/storage/el2/base/files/test.txt', // 本地文件路径。destPath: '/data/storage/el2/base/files/receive.txt' // 目标设备路径。console.log("备忘录更新：" + JSON.stringify(data))console.log("发现设备：" + device.d

avatar HarmonyOS开发者社区