【js小技巧】载入外部json文件

背景

我们地图的元数据，是通过json导入的。

一开始是本地加载，后来因为地图要切换，改成了请求加载。

所以有这么一个变化。

当时改成非本地加载的时候愣了一下，为了防止下次再愣，记录一下。

本地加载json文件

json根据目录层级得到相对路径。

var roadMap = require('./assets/roadLine.json')

加载url形式的json

作为url资源的json，可以直接在html中引入，里面的内容作为全局变量。但是这没必要。

把json作为一个请求获取就行。但是因为不同于其他请求的response处理。

json直接用axios.get处理就好了。

    export function getMapData() {
      return new Promise((resolve, reject) => {
        axios.get('http://10.101.16.11:5000/static/file/roadLine.json')
          .then(res => {
            const data = res.data
            resolve(data)
          })
      })
    }

作为一个请求处理就行了，我一开始竟然愣了一下。。。