vue代理接口,数据请求
2021/6/16 10:27:02
本文主要是介绍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代理接口,数据请求的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-05-30React Native常用组件-点击组件
- 2024-05-30uniapp+vue3+uv-ui手机端后台OA管理模板
- 2024-05-29Python网络爬虫的时候json=就是让你少写个json.dumps()
- 2024-05-27React Native常用组件-展示组件
- 2024-05-27React Native常用组件-列表组件
- 2024-05-09vue3开发前端表单缓存自定义指令,移动端h5必备插件
- 2024-05-09React Hooks在class组件中的使用方式
- 2024-03-30[OIDC in Action] 2. 基于OIDC(OpenID Connect)的SSO(纯JS客户端)
- 2024-03-29terraform jsonencode
- 2024-03-13vuex-persist