vue请求本地json数据

Posted 慕城蓝就

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue请求本地json数据相关的知识,希望对你有一定的参考价值。

1.下载vue-resource插件

 

  cnpm install vue-resource

  1.2全局引入vue-resource:

  在main.js

  import VueResource from \'vue-resource\';
  Vue.use(VueResource);
 
2.把静态josn文件放在项目根的 static文件夹:
 
3.发送请求:
 
 
getNum() {
this.$http.get("static/data/unusedorder.json").then(data => {
  console.log(data.data.unusedItems);
  });
 
}
 

 

以上是关于vue请求本地json数据的主要内容,如果未能解决你的问题,请参考以下文章

vue配置 请求本地json数据

vue配置 请求本地json数据

vue请求本地json数据

vue之axios请求数据本地json

VueJSVueJS开发请求本地json数据的配置

Vue-cli3.0项目下axios请求本地json文件的数据