Axios发送get/post请求 获取并处理返回值

1.Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。
2.安装
使用npm
在项目中 npm install axios
使用cdn

3.在main.js中引入文件

import Vue from 'vue'
import axios from 'axios'
import VueAxios from 'vue-axios'
Vue.use(VueAxios, axios)

4.设置域名

Vue.prototype.$http=axios.create({
  baseURL: ' ',  (地址)
})

5.get请求
方法①

axios.get('/user?ID=12345')
  .then(function (response) {
    console.log(response);
  }).catch(function (error) {
    console.log(error);
  });

方法②

axios.get('/user', {
    params: {
      ID: 12345
    }
  }).then(function (response) {
    console.log(response);
  }).catch(function (error) {
    console.log(error);
  });

6.post请求方法

axios.post('/user', {
    firstName: 'Fred',
    lastName: 'Flintstone'
  })
  .then(function (response) {
    console.log(response);
  })
  .catch(function (error) {
    console.log(error);
  });

学习地址:https://blog.csdn.net/qq_41115965/article/details/80780264

简单的使用方法:

mounted(){
	//get
	this.axios.get('url').then(res => {
		console.log('success')   //调用成功
	},res => {
		console.log('error')   //调用失败
	})
	//post
	this.axios.post('url').then(res => {
		console.log('success')   //调用成功
	},res => {
		console.log('error')   //调用失败
	})
}

你可能感兴趣的:(Axios发送get/post请求 获取并处理返回值)