使用axios发送get和post请求

文章是本人闲时所写，方便自己以后查阅，如若有幸被您阅读的话，备感荣幸，文章仅为个人理解，如内容有误还望告知，感谢！！！

---

Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。

Features

• 从浏览器中创建 XMLHttpRequests
• 从 node.js 创建 http 请求
• 支持 Promise API
• 拦截请求和响应
• 转换请求数据和响应数据
• 取消请求
• 自动转换 JSON 数据
• 客户端支持防御 XSRF

npm

npm i axios -S
import axios from ‘axios’

配置axios实例

axios.defaults.baseURL = 'http://www.barteam.cn:8086'; //自动加在url前面，除非url是一个绝对URL
Vue.prototype.$ajax = axios;

执行 GET 请求

this.$ajax({
    methods: '',  //请求方法
    url: '', //请求地址
    params: {   //请求参数,如果是get请求传参,使用params属性,如果是post请求传参,使用data属性
        newsid: '',
    }
}).
then(response => {
    //请求成功后
})

执行 POST 请求

this.$ajax({
    methods: 'post',
    url: '',
    data:qs.stringify({   
        srcid: '',          //qs(querystring)用来对传递的参数做转化
        content: '',
        add_time: '',
    })
}).
then(response => {
    //请求成功后
})

qs安装
npm i qs -S
import qs from ‘qs’