首页 前端知识 vue-访问本地json文件

vue-访问本地json文件

2024-04-29 11:04:26 前端知识 前端哥 882 621 我要收藏

方法一

注意:此方法只可以在本地访问,如果打包上线后,将不能使用文件数据

将json文件放在public文件夹中(json文件要以英文命名)

 用fetch可以直接访问public下的文件

fetch('/tab-3-data/costOverhaul.json')
  .then(response => response.json())
  .then(res => {
    console.log(res)//数据
  });

方法二

在src目录下再创建一个static文件夹,存放json文件

<script>
import phoneData from '@/static/phoneData.json'
export default {
  data() {
    return {
        phoneList: phoneData,
    }
  }
}
</script>
转载请注明出处或者链接地址:https://www.qianduange.cn//article/6099.html
标签
评论
发布的文章

JQuery中的load()、$

2024-05-10 08:05:15

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!