vue 使用public数据

1、引用json数据

注意不要使用require引用,json数据会打包到压缩包内,导致更改无效

正确引用:使用fetch

fetch("./datas/xx.json").then(response => {

response.json().then(res => {})

})

注:路径使用相对路径./,不能用绝对路径/,不然打包后文件夹只能放在根目录下,否则访问文件路径出错

2、引用js文件

从index.html中引入,用匿名函数自调方式导出数据

let configItem = (() => {

return {

title: "大数据平台"

}

})();

相关推荐
于慨20 小时前
Lambda 表达式、方法引用(Method Reference)语法
java·前端·servlet
石小石Orz20 小时前
油猴脚本实现生产环境加载本地qiankun子应用
前端·架构
从前慢丶20 小时前
前端交互规范(Web 端)
前端
像我这样帅的人丶你还20 小时前
别再让JS耽误你进步了。
css·vue.js
@yanyu66620 小时前
07-引入element布局及spring boot完善后端
javascript·vue.js·spring boot
CHU72903520 小时前
便捷约玩,沉浸推理:线上剧本杀APP功能版块设计详解
前端·小程序
GISer_Jing20 小时前
Page-agent MCP结构
前端·人工智能
王霸天20 小时前
💥别再抄网上的Scale缩放代码了!50行源码教你写一个永不翻车的大屏适配
前端·vue.js·数据可视化
小领航20 小时前
用 Three.js + Vue 3 打造炫酷的 3D 行政地图可视化组件
前端·github
@大迁世界20 小时前
2026年React大洗牌:React Hooks 将迎来重大升级
前端·javascript·react.js·前端框架·ecmascript