如何加载本地json文件

用jquery提供的函数最简单有效:$.getJSON("abc.json",function(data){ //data就是json对象了,不需要在转换 })你打开浏览器F12看看有没有报错，或有没有加载到你的json文件！如果加载到了，检查你的json，如果没有加载，检查你的url是不是对的

vue项目导入本地json文件的2种方法

一、通过网络请求导入

步骤：

1.找到vue项目目录下的build/webpack.dev.conf.js文件

2.

3.

4.在页面钩子函数触发时，调用

created() {

        this.$http.get('/api/customs_cut_mode').then((response) =>{

          response = response.body

          if (response.errno == ERR_OK||response.errno ==0) {

            this.customs_cut_mode= response.data

          }

        })

      }

二、通过ES6导入本地json

1.将json数据放入指定目录。

2.在页面引入

import   customs_cut_mode   from '../../common/Alljson/customs_cut_mode.json'

3.页面使用

mounted() {

      this.customs_cut_mode= customs_cut_mode

      // console.log( this.customs_cut_mode)

    },

1、打开阅读app

2、在“我的”中选择书源管理

3、点击右上角的竖排三点，选择本地导入

4、找到书源文件，后缀为json

5、等待导入，如果书源较大，加载时间会比较长

6、取消全选后，选择自己需要的书源（书源太多会导致搜索慢和卡顿，书源建议控制在300以下）

7、此时再点击搜索键，就可以正常使用搜索到想要的书了（如果有些书搜不到，可能是你使用的书源中没有）

---