vue之axios请求数据本地json

Posted liyanyan665

tags:

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

1.下载插件

 npm install axios --save
2.下载vue-axios

npm install --save axios vue-axios
3.在main.js下引用axios

import Vue from ‘vue‘
import axios from ‘axios‘
import VueAxios from ‘vue-axios‘
Vue.use(VueAxios, axios)
Vue.$http=axios //不加时 请求为 this.axios.get()
4.在static文件夹下写静态文件 home.json


"fuid": 1,
"account":"12322343243",
"phone": "13200000000",
"displayName": "代收款",
"companyName": "代收款科技公司",
"accountType":[
"id":1,"name":"经销商","value":1,
"id":2,"name":"客服","value":2
],
"remark": "帐号的备注信息"

5.在组件中请求数据

this.$http.get(‘../../static/home.json‘)
.then(function(res)
console.log(res)

.catch(err=>console.log(err))
)
 
---------------------

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

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

vue使用axios请求本地json文件出现404

3-Vue-通过axios实现数据请求json数据的语法同源策略

axios请求VUE-CLI3项目本地json文件404

Vue之axios基础使用

vue项目常用之二:封装 axios 请求模块