vue 使用webpack加载本地json数据

1、安装axios        npm i axios

2、在vue.config.js中添加

devServer: {
    setupMiddlewares: (middlewares, devServer) => {
      const city = require('./data/data.json')  //  括号里写json文件路径

      devServer.app.get('/mqq/city', (_, response) => {  //  mqq为端口名
        response.send(city);  //  使用send发送json对象
      });
      return middlewares;
    }
  }

示例：

3、在页面添加

 

created() {
        axios.get("/mqq/city").then((res) => {
            console.log(res.data);
        });
    }

示例：