axios 安装和使用小结

#一.三种安装方式(任选其一)

1. $ npm install axios

2. $ bower install axios

3. 在index.html里面加入 < script src = "https://unpkg.com/axios/dist/axios.min.js" > < /script>

#二.接口跨域请求

修改index.js文件

proxyTable: {

    '/api': {

        target: 'https://ladybird.awservice.net/api', // 接口的域名

        changeOrigin: true, // 是否跨域

        pathRewrite: {

            '^/api': ''

        }

    }

}

如需添加多个, 则用逗号隔开

proxyTable: {

    '/api': {

        target: 'https://ladybird.awservice.net/api',

        changeOrigin: true,

        pathRewrite: {

            '^/api': ''

        }

    },

    '/router': {

        target: 'https://ladybird.awservice.net/router',

        changeOrigin: true,

        pathRewrite: {

            '^/router': ''

        }

    }

}

修改完以后重新运行 npm run dev

#三.main.js设置如下

// 引入axios

import axios from 'axios'

//  创建基本的axios配置

var $http = axios.create({});

例: 在header中设置token, 代码如下

var $http = axios.create({

    headers: {

        'token': localStorage.getItem('token')

    }

});

// 挂载到vue的原型

Vue.prototype.$http = $http;

#四.发送请求

var param = {

    'loginName': 'ayumi',

    'psw': '8888'

};

this.$http.post('/api/customer/sendMsg', param).then(function(res) {

    console.log(res);

})