uni读取本地JSON数据文件

对于json数据分为两种情况

1. 文件后缀为.json类型

• 非H5端，这种类型的文件目前只能用require进行导入，导入后为一个对象类型

let mapDataCollection = require('@/static/mapData/guizhou.json');
console.log("cityJson: " + JSON.stringify(cityJson));
//=>cityJson: [{"name":"基础底图","isDown":true,"isZip":false,"isDowning":false,"update":false},...,{"name":"沿河县","isDown":false,"isZip":false,"isDowning":false,"update":false}]

• H5端可以引入jq，用jq的AJAX读取本地的json文件

$.getJSON('../static/mapData/guizhou.json').then(mapdata=> {
  console.log("cityJson: " + JSON.stringify(cityJson));
})
//=>cityJson: [{"name":"基础底图","isDown":true,"isZip":false,"isDowning":false,"update":false},...,{"name":"沿河县","isDown":false,"isZip":false,"isDowning":false,"update":false}]

2. 文件后缀为.js类型

可以在js文件将json用export导入，在需要的页面用import进行导入,import无法导入.json文件

//js数据文件
let cityJson = [{"name":"基础底图","isDown":true,"isZip":false,"isDowning":false,"update":false},...,{"name":"沿河县","isDown":false,"isZip":false,"isDowning":false,"update":false}]
export {
    cityJson 
}

//业务页面
import {cityJson} from '@/static/mapData/guizhou.js' 

注意事项

uni.request是无法读取本地的.js文件和.json文件的，jq是都能读取的，但是jq只能在H5端引入使用，要注意这点