本地引入 json

html 原生引入json

  //let url = './shp/kmbm.json'
  // loadConfig(url).then()
  function loadConfig(url) {
    return new Promise((resolve, reject) => {
      let xhr = new XMLHttpRequest();
      xhr.overrideMimeType('application/json');//设置请求头
      xhr.open('GET', url, true);//设置请求方式、路径及是同步还是异步请求
      xhr.send(null);//向服务器发送数据
      xhr.onreadystatechange = () => {
        //当请求被发送到服务器时,我们需要执行一些基于响应的任务。
        //   0: 请求未初始化
        //   1: 服务器连接已建立
        //   2: 请求已接收
        //   3: 请求处理中
        //   4: 请求已完成,且响应已就绪
        if (xhr.readyState !== 4) {
          return;
        }
        if (xhr.status === 0 || xhr.status === 200) {
          try {
            let obj = JSON.parse(xhr.responseText);
            resolve(obj);
          } catch (e) {
            reject(e);
          }
        }
      };
    });
  }

vue使用json

  1. 使用axios, 如果有axios拦截,很可能会不满足拦截条件(比如:code等于200, 所以不推荐),b本方法将本地json文件放到public文件夹下,别的文件夹也可以,用ajsx调用;
  2. 使用immport 在assets文件夹或者别的文件夹下新建json文件夹存放json文件(推荐):使用immport直接导入
tupain code
posted @ 2019-10-24 17:49  雨天。我  阅读(195)  评论(0)    收藏  举报