Vue中使用axios

要在Vue中使用axios与后端进行数据交互，首先需要先安装axios

npm install --save axios

然后我们需要在Vue项目中的main.js文件中导入axios

var axios = require('axios')

因为很多时候请求地址的前一部分都是相同的，所以我们可以设置一下base_url

axios.defaults.baseURL = "http://locahost:8002/api"

这样的话，如果我们在POST请求http://locahost:8002/api/login时，post参数中url就只需要写login了。同时因为我们的请求可能在各个页面中都需要用到，那么久需要全局注册axios

Vue.prototype.$axios = axios

这样就完成了axios的全局注册了，之后则其他组件中就可以直接用this.$axios进行各种请求了。