首页 > 其他分享 >Axios学习

Axios学习

时间:2023-05-11 17:33:21浏览次数:45  
标签:username axios 请求 登录 学习 Axios 数据

axios是一个类库,基于promise管理的ajax库,常用于ajax请求,常用请求方式:

get 一般用于获取数据、post 提交数据(表单数据+文件上传)、put 更新或编辑数据,所有数据推送到后端、patch 更新数据,只将修改的数据推送到后端、delete 删除数据

axios在vue中的使用_前端报刊的博客-CSDN博客

起步 | Axios 中文文档 | Axios 中文网 (axios-http.cn) 

特点
从浏览器中创建 XMLHttpRequests
从 node.js 创建 http 请求
支持 Promise API
拦截请求和响应
转换请求数据和响应数据
取消请求
自动转换 JSON 数据
客户端支持防御 XSRF
安装:
npm install axios

实现注册控制台打印,引用axios ,封装js文件,完成需要在vue文件里导入文件,使用v-model获取到用户名密码的值,

 

 

 

 

 

 

 在登录按钮方法里请求

 

登录之后跳转到主页面使用$router.push('路径'),跳转之后,右上角你好,请登录,转变成用户名,先判断是否登录储存username数据,可在标签上添加 v-if 判断,修改原本的文本信息,变成你好,{{ username }},获取储存在本地的username显示即可

标签:username,axios,请求,登录,学习,Axios,数据
From: https://www.cnblogs.com/hxiaoman/p/17391738.html

相关文章

  • cJson学习(二)
    已剪辑自:https://blog.csdn.net/ZRXSLYG/article/details/122541036?spm=1001.2101.3001.6650.17&utm_medium=distribute.pc_relevant.none-task-blog-2~default~BlogCommendFromBaidu~Rate-17-122541036-blog-123806149.235^v35^pc_relevant_default_base&depth_1-utm_......
  • 学习日记——表单的语法、运用和验证
    1.语法①邮箱<formaction="demo001.html"><tableborder="1px"><tr><td>请输入邮箱地址<inputtype="email"name=""id=""value=""/......
  • Day01 Markdown学习
    Markdown学习标题三级标题四级标题字体两边加星号变粗体两边一个星号变斜体一个星两个星斜体加粗两边两个波浪号删除线引用一个>符号出引用效果分割线三个减号三个星号图片![截图](C:\Users\GE62\Pictures\CameraRoll\002.jpg)超链接点击跳转到狂神说JAVA......
  • PE学习——PE文件整体结构解析,写得很精致,可以对照案例实践
    PE文件结构: PE加载到内存后的映射: 我们本章节主要看上述细节。本文最核心的图就是PE在做image内存展开的样子: PE文件整体结构解析之前我们已经按照PE文件的整体结构对实际的PE文件进行了大致上的了解了,现在我们需要来看看每个结构的意义和作用。DOS头在之前,我们......
  • PSO-CNN-LSTM,即粒子群优化CNN_LSTM网络做预测的算法,优化隐含层单元个数和初始学习率,预
    PSO-CNN-LSTM,即粒子群优化CNN_LSTM网络做预测的算法,优化隐含层单元个数和初始学习率,预测精度要比CNN-LSTM高。ID:74150668460757943......
  • python 学习-打开潘多拉的魔盒-元类(metaclass)学习
    前言在Python里面大家都比较熟悉了,通过class关键字创建一个类,这是通过硬编码来实现的。那么如何动态创建一个类呢,如果给一批数据,让它动态生成一个类?学习警告:不要轻易打开潘多拉的魔盒,潘多拉出于好奇打开一个魔盒,释放出人世间的所有邪恶:贪婪、虚无、诽谤、嫉妒、痛苦等等......
  • kubernetes学习笔记27:etcd性能
    理解etcd性能:etcd集群架构图,包含raft层,storage层(storage层包含treeindex层和boltdb底层持久化存储key-value层),它们每一层都可能造成性能损失,raft层需要网络同步数据,网络io节点之间的rtt和带宽都会影响etcd性能,另外wal也会受到磁盘io的写入速度影响。storage层,磁盘iofdatasync延迟......
  • 【C++学习笔记】C++ 正则表达式不完全支持零断宽言
    最近需要解析配置文件,遇到从@STARTDATA@END中提取DATA的正则,按照C#的操作,直接(?<=@START)[\W\w]?(?=@END),就能提取的,可是在C++中,regexe("(?<=@START)[\W\w]?(?=@END)")报错了,找了很多说法,最终结论:支持先行断言,不支持后行断言即:(?<=@START)和(?<!@START)。好在C++支持子匹......
  • python基础学习-hashlib - 哈希函数模块
    hashlib-哈希函数模块参考地址:Python-Core-50-Courses/第20课:Python标准库初探.mdatmaster·jackfrued/Python-Core-50-Courses(github.com)待补充......哈希函数又称哈希算法或散列函数,是一种为已有的数据创建“数字指纹”(哈希摘要)的方法。哈希函数把数据压缩成摘要,对......
  • python基础学习-random
    参考地址:Python-Core-50-Courses/第20课:Python标准库初探.mdatmaster·jackfrued/Python-Core-50-Courses(github.com)待补充......random-随机数和随机抽样模块生成随机数、实现随机乱序和随机抽样,下面是常用函数的列表。getrandbits(k):返回具有k个随机比特位的整数......