vue中使用axios记录

在main.js中配置axios的基本信息

import axios from 'axios'  //引入axios，没办法引入的百度自行安装axios

配置服务端地址，数据传输格式等信息

Vue.prototype.axios = axios
axios.defaults.timeout = 500000
axios.defaults.headers.post['Content-Type'] = 'application/json;charset=UTF-8'
axios.defaults.baseURL = 'http://localhost:8080/'

new Vue({
  el: '#app',
  router,
  axios,   //在new vue中加入这一行
  components: { App },
  template: '<App/>'
})

之后就可以在组件中使用啦

我是这样用的，根据个人需求不同自己修改参数

<script>
import axios from 'axios'
export default {
  data () {
    return {
      msg: '首页',
      tableData: [{username: '', birthday: '', address: ''},
        {username: '', birthday: '', address: ''}]
    }
  },
  created () {
    var that = this
    axios.post('/user/getPageUser', {
      pageNum: '1',
      pageSize: '2'
    })
      .then(function (response) {
        console.log(response.data)
        that.tableData = response.data
        console.log(that.tableData)
      })
      .catch(function (error) {
        console.log(error)
      })
  }
}
</script>