vue.js配置axios

Heier 发布于2019-08-22 11:16 / 1291人阅读

摘要：首先用安装安装完之后，在你的文件里配置，加上这两句就好然后你读取接口数据的时候，直接就可以这样写，这个跟一个样，我那个下面的，之类的都是要传的参数。如果接口走成功就执行这里接口失败，也就是不是的时候，走这里好了，搞定

官方现在已经不再推荐用resource了，换了个axios，咱也不能落后，至少你得知道咋弄，面试的时候也好给面试官吹吹牛逼，废话不多说。
首先用npm安装

npm install --save axios vue-axios

安装完之后，在你的main.js文件里配置，加上这两句就好

import axios from "axios"
Vue.prototype.$http = axios

然后你读取接口数据的时候，直接就可以这样写，这个跟resource一个样，我那个下面的op，uin之类的都是要传的参数。

this.$http.post(localStorage.getItem("addUrl")+"/skynet_sync/btsp", {
                            "op": "update_card_num",
                            "uin": uin,
                            "protypeId": index,            
                            "cardNumber": parseInt(v)
                        })
                      .then(response=> {
                        //如果接口走成功就执行这里

                      }).catch(function (error) {
                        //接口失败，也就是state不是200的时候，走这里
                      });

好了，搞定！

GPU云服务器云服务器 Vue.js vue.js 属性 vue.js自学 cdn vue.js

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/92064.html

axios异步请求数据的简单使用

摘要：使用模拟好后端数据之后模拟数据的使用参考，就需要尝试请求加载数据了。数据请求选择了，现在都推荐使用。规定要发送到服务器的数据。布尔值，表示请求是否异步处理。要求为类型的参数，请求成功后调用的回调函数。在一个中重写回调函数的字符串。使用Mock模拟好后端数据之后（Mock模拟数据的使用参考：https://segmentfault.com/a/11...），就需要尝试请求加载数据了。数...

forsigner 2019-08-23 14:40 评论0 收藏0
Vue入坑笔记

摘要：近段时间常使用开发，写点记录，避免时间久之忘了。安装教程查看是否已安装，在中输入若已安装则输出版本号。继承报错可能是文件路径问题。当和继承的不同时在文件夹内外的话，会出现该错误。近段时间常使用vue-cli开发，写点记录，避免时间久之忘了。环境 1. nodejs　　vue-cli开发基于nodejs环境，确保开发的环境中已安装了nodejs。　　安装教程 https://www....

superw 2019-08-26 12:16 评论0 收藏0
服务端预渲染之Nuxt(路由篇)

摘要：前面既然说到了会把文件夹下面的所有文件编译成路由，那么子路由需要使用文件夹嵌套才行。客户端首次访问的页面会在服务端做输出，一旦渲染完成之后，则不会再在服务端输出，则会一直在客户端进行输出了。服务端预渲染之Nuxt - 使用现在大多数开发都是基于Vue或者React开发的，能够达到快速开发的效果，也有一些不足的地方,Nuxt能够在服务端做出渲染，然后让搜索引擎在爬取数据的时候能够读到...

yuanxin 2019-08-23 16:48 评论0 收藏0
vue开发看这篇文章就够了

摘要：注意此处获取的数据是更新后的数据，但是获取页面中的元素是更新之前的钩子函数说明组件已经更新，所以你现在可以执行依赖于的操作。钩子函数说明实例销毁 Vue -渐进式JavaScript框架介绍 vue 中文网 vue github Vue.js 是一套构建用户界面(UI)的渐进式JavaScript框架库和框架的区别我们所说的前端框架与库的区别？ Library 库，本质上是一...

fsmStudy 2019-08-21 18:37 评论0 收藏0
Nuxt.js 基础入门教程

摘要：原文链接开发一个单页面应用，相信很多前端工程师都已经学会了，但是单页面应用有一个致命的缺点，就是极不友好。基于它，我们可以快速开发一个基于的单页面应用。只有数据流存在相关配置时可用。引入后，所有页面均有效。原文链接 Vue 开发一个单页面应用，相信很多前端工程师都已经学会了，但是单页面应用有一个致命的缺点，就是 SEO 极不友好。除非，vue 能在服务端渲染（ssr）并直接返回已经渲...

yedf 2019-08-26 11:37 评论0 收藏0