axios模块在vue开发中如何使用引入,如何注册全局方法

在vue.js开发中,可以通过在main.js中引入axios模块并将其挂载到Vue.prototype上,实现全局方法注册。例如:`import axios from 'axios'; Vue.prototype.$http = axios`。这样,在组件中就可以直接使用`this.$http.post()`进行API调用,方便在任何组件中调用HTTP请求。
摘要由CSDN通过智能技术生成

http://www.jianshu.com/p/df464b26ae58 用法参考链接

vue.js 引入:

第一种方法  单独将调用的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 为注册全局方法  其他任何组件都可引用



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值