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

来源：互联网发布：raptor编程1到100之和编辑：程序博客网时间：2024/05/29 11:59

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 为注册全局方法其他任何组件都可引用

阅读全文

0 0