axios模块在vue开发中如何使用引入,如何注册全局方法
2018-09-10 本文已影响11人
triumphperson
http://www.jianshu.com/p/df464b26ae58 用法参考链接
第一种方法 单独将调用的api接口写在一个文件中,在该文件中引入axios模块 幷写对应方法函数,在组件界面引入 对应方法即可
import config from './config'
import axios from 'axios'
let tconfig = {
headers: {
'Content-Type': 'application/x-www-form-urlencoded'
}
}
// 二手房列表详情
export const usedList = (data) => {
return axios.get(config.used_lists, {params: data})
}
export const usedDetail = (data) => {
return axios.get(config.used_detail, {params: data})
}
// 登录
export const login = (data) => {
return axios.post(config.RecordListslogin, data)
}
// 注册
export const register = () => {
return axios.post(config.register)
}
第二种:在mian.js中引入axios模块
main.js引入
import axios from 'axios'
Vue.prototype.$http = axios
组件中使用:
this.$http.post()
Vue.prototype 为注册全局方法 其他任何组件都可引用