vue 安装 axios

命令行：cnpm install axios --save

main.js 引入：

import axios from 'axios';

Vue.prototype.axios = axios.create({

  headers: {'content-type': 'application/json'}

})

Vue.prototype.$post = function (url, data = {}) {

  return new Promise((resolve, reject) => {

    this.axios.post(url, data).then(res => {

      resolve(res)

    }).catch(function (error) {

      reject(error)

    })

  })

}

使用方法：

let that = this;

        that.$post('地址', {

参数

        }).then(res => {

        }).catch(function(error) {

          console.log(error)

        })

如果发生跨域问题在config下的index。js加

'/api': {

        target: '地址',

        changeOrigin: true,

        pathRewrite: {

          '^/api': '/' //这里理解成用‘/api’代替target里面的地址，后面组件中我们掉接口时直接用api代替 比如我要调用'http://40.00.100.100:3002/user/add'，直接写‘/api/user/add’即可

        }

      },

      '/api1': {

        target: '地址',

        changeOrigin: true,

        pathRewrite: {

          '^/api1': '/' //这里理解成用‘/api’代替target里面的地址，后面组件中我们掉接口时直接用api代替 比如我要调用'http://40.00.100.100:3002/user/add'，直接写‘/api/user/add’即可

        }

      }

使用方法

let that = this;

        that.$post('/api/roll/getRoll', {

          type: '1'

        }).then(res => {

        }).catch(function(error) {

          console.log(error)

        })