vue配置axios安装 axios $ npm install axios -S $ yarn add axios -

安装 axios $ npm install axios -S

$ yarn add axios -S

2.在config文件夹中配置index.js

module.exports = {
  dev: {
    // Paths
    assetsSubDirectory: 'static',
    assetsPublicPath: '/',
    proxyTable: {
      '/api': {                                       // '/api': 匹配项
        target: "http://gohome.c.soonboom.com",   // 接口的域名
        changeOrigin: true,     // 如果接口跨域，需要进行这个参数配置
        secure: false,          // 如果是https接口，需要配置这个参数
        pathRewrite: {          // 如果接口本身没有 /api 需要通过pathRewrite来重写了地址, 如果有则不需要页面重写
          "^/api": "/api"         // 把匹配到的  api 替换成相应的值
        }
      }
    },
  }
};

3.在main.js中引入axios

给Vue函数添加一个原型属性 $axios 指向 Axios 这样做的好处是在vue实例或组件中不用再去重复引用Axios 直接用this. $axios就能执行axios 方法了

import axios from "axios";
Vue.prototype.$axios = axios;

4.完成以上配置以后就可以在调用接口时使用GET/POST带参传递