2021-03-25

本文介绍了在Vue项目中如何安装和使用axios库进行HTTP请求,包括在命令行通过npm和vue add axios的方式。此外,详细阐述了登录验证的过程,如接口调用、数据获取及错误处理。对于跨域问题,建议在vue.config.js文件中进行配置。最后,提到了退出登录的实现,并强调修改文件后需重启项目以应用改动。
摘要由CSDN通过智能技术生成

安装http协议库(axios)

方式一 黑窗口

npm intall axios
注意:需要在发送请求的页面 引入axios
import  axios from “axios”

方式二 git窗口

vue add axios

登录验证

1- 请求指定接口地址
http://ceshi5.dishait.cn/admin
2- 获取到登录表单中的数据【用户名 密码】
3- 请求成功

4- 请求失败
如果用户登录失败,返回响应对象err.response 并且判断错误码是否为true,则提示错误信息 并留在原页面
在这里插入图片描述

跨域

1- 在项目的根目录创建一文件 vue.config.js
在这里插入图片描述

退出登录在这里插入图片描述

提交

在这里插入图片描述

注意:编写完文件之后一定要重启项目
  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值