在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>