axios获取发起请求的地址 vue_vue2项目使用axios发送请求

前言：在Vue1.0的时候有一个官方推荐的 ajax 插件 vue-resource，但是自从 Vue 更新到 2.0 之后，官方就不再更新 vue-resource。

目前主流的 Vue 项目，都选择 axios 来完成 ajax 请求，下面来具体介绍一下axios的使用。

项目中安装axios

cnpm install axios -S

每个需要请求的组件中都需要引入axios，如果觉得麻烦，可以axios改写成Vue的原型属性，在使用的时候，就不需要每个组件都去引用。

将axios改写成Vue的原型属性

1、在main.js中引入axios

import axios from 'axios'

2、写成vue的原型属性

Vue.prototype.$http = axios

在main.js中添加这两行代码之后，就能直接在组件中使用axios了

使用方式

this.$http.post(url,params).then(function (response) {

//请求成功

}).catch(function (error) {

//请求失败

});

实际应用

假设我们需要请求的接口是：http://www.liuliangu.cn:8067/index/data/

如果是开发环境，我们请求的接口如果存在跨域问题，需要配置代理

在vue-cli的config文件下面的index.js里有一个参数叫proxyTable

配置proxyTable的时候本地会虚拟一个服务端接收你的请求并代你发