几种访问本地JSON文件的方法

方案一：require引入

var json = require(’./xxx/xxx.json’);

方案二：import引入

import json from ‘./xxx/xxx.json’

axios 请求

 axios.get("/static/json/city.json").then((res: any) => {
      console.log(res);
      // 赋值
      this.options = res.data;
    });

axios 爆红可以参考这里

总结

方案一二差不多，想起来哪个就用哪个，这两种适用于文件比较小的，文件过大会导致页面响应时间变慢，解决办法是使用CDN加速。axios 可以理解为ajax 请求，请求地址是 http://localhost:8080/static/**.json。注意：所有静态文件放在 static 文件夹下