vue笔记记录(二)——发起请求

开发过程中和后台进行数据的交互,需要用到axios

1、安装axios和qs

$ npm install axios -s                 //安装axios
$ npm install qs -s                    //安装qs

2、在main.js中引入

import axios from 'axios'
import qs from 'qs'   //post请求传参

Vue.prototype.$axios = axios
Vue.prototype.qs = qs

3、一个发起请求的例子

    this.$axios.post(this.baseAjaxUrl + '/ty_api/subject/getMap', this.qs.stringify({
    //此处需要qs否则后台接收不到参数
      pageSize: '3',
      pageNum: '1'
    }))
      .then(res => {
        if (res.data.errorCode === 200) {
          this.hotDesData = res.data.data.hotAddress.list
          this.hotTopicData = res.data.data.hotSubject.list
        } else {
          console.log(res.data.message)
        }
      })
      .catch(res => {
        console.log(res)
      })

此文章是自己学习时的笔记,只供参考,如有问题欢迎赐教!

猜你喜欢

转载自blog.csdn.net/sinat_38592878/article/details/81237974