vue使用axios实现异步请求

版权声明：本文为博主原创文章，转载请注明出处。 https://blog.csdn.net/cblstc/article/details/83241530

首先，安装axios和qs
然后，在main.js中引入

import axios from 'axios'
import qs from 'qs'

Vue.prototype.$axios =  axios
// @TODO 这里qs怎么全局引入？我是前端小白。

在vue.config.js下，module.exports代码块下写以下代码：

  devServer: {
    proxy: {
      '/api': {
        target: 'http://127.0.0.1:8080/项目名',
        ws: true,
        changeOrigin: true,
        pathRewrite:{'^/api':''}
      }
    }
  }

axios使用：

let url = '/api/xxx.do'
var params = {
  type: 'edit',
  name: 'zs',
}
axios.post(url, qs.stringify(params)).then(res => {
  console.log(res)
}).catch(err => {
  console.log(err)
})

总结

1. 如果不使用qs，后台可能获取不到数据
2. 继续更新