原来这才是学习axios的正确姿势（安装、使用、跨域代理一站式解决）

npm install axios

bower install axios

<script src="https://unpkg.com/axios/dist/axios.min.js"></script>

import Vue from 'vue'
import App from './App.vue'
import axios from 'axios'
Vue.config.productionTip = false
// 全局挂载axios
Vue.prototype.$axios=axios
new Vue({
  axios,
  render: h => h(App),
}).$mount('#app')
//若本地项目调试使用
axios.defaults.baseURL = 'http://localhost:8080'; 

export default{
methods:{
  query(){
  this.$axios.get('url').then(res=>{
  console.log(res)
})
}
}
}

 //请求格式类似于 http://localhost:8080/goods.json?id=1
this.$axios.get('/url',{
          params: {
                    形参:实参
                }
      }).then(res=>{
          console.log(res.data);
        },err=>{
          console.log(err);
      })

this.$axios.get(`/url?形参=${实参}`).then(res=>{console.log(res)})

this.$axios.post('/url',{
        形参:实参
      }).then(res=>{
        console.log(res.data);
      },err=>{
        console.log(err);
      })

 this.$axios.all([
  this.$axios.post(`/url?形参=${实参}`),
  this.$axios.get('/url')
]).then(
  this.$axios.spread((goodsRes,classifyRes)=>{
    console.log(goodsRes.data);
    console.log(classifyRes.data);
  })
)

module.exports = {
  devServer: {
    proxy: {
      '/api': {
        target: 'http://localhost:8080',
        changeOrigin: true,
        pathRewrite: {
          '^/api': '' // 将 /api 替换为空字符串，这样发送请求时就不需要再加上前缀了
        }
      }
    }
  }
}

axios.defaults.baseURL = '/api';