欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

vue使用axios实现异步请求

程序员文章站 2022-07-04 12:02:53
...

首先,安装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. 继续更新