Javascript

vue代理接口，数据请求

本文主要是介绍vue代理接口，数据请求，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

get，post请求数据是前端最常用的方法，今天记录一下自己使用的方法
先创建一个vue.config.js文件，这是代理接口文件，存放在最外一层

这是里面的代码

使用时更换url就好了。
然后是get和post请求

语法：axios.post(url,{}).then(function(res){//调取成功}).catch(function(err){//调取失败})
解析：post里面的api就是代理接口，then里面的函数参数就是请求的数据，sourceData是date里面的空数组，添加里面后进行页面循环渲染。
不过这样容易出现this指向问题，无法在sourceData数组里添加数据，解决方法也很简单，第一种方法是在axios之前声明变量，指向this（我用的就是这种），第二种是使用箭头函数，避免出现this指向问题
mounted是立即调用postDate函数，这样页面一加载，页面数据就出来了。
get请求和post请求一样，把post换成get就好了，另外，记得引入axios

这篇关于vue代理接口，数据请求的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！
您可能喜欢
栏目导航