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)
})
总结
- 如果不使用qs,后台可能获取不到数据
- 继续更新