网页设计,若依项目修改(It must be done)02------axios封装后发get请求,axios请求的位置在呢?

简介: 网页设计,若依项目修改(It must be done)02------axios封装后发get请求,axios请求的位置在呢?

视频加速播放插件安装方法:

解决Edge输入document.querySelector(‘video‘).playbackRate = 2.5视频无法加速的问题,‘Uncaught (in promise) TypeErro’_为什么不能选中 document.queryselector("video")-CSDN博客

文章参考资料:

14-2自己编写一个发get请求案例_哔哩哔哩_bilibili

参考资料:14-1axios封装后发get请求_哔哩哔哩_bilibili

若依对axios的封装位置在呢?打开我们的前端:

位置在until下的request.js文件中

request.js文件是什么?是axios文件向后端发送请求

这里有一个request请求拦截器

这个request的拦截器的意思,我们可以直接调用

GET请求和request请求

GET请求,必须用.params这个参数,他会自动转格式

GET请求,这里用的是query这个参数

当你带参数的时候,他可以把参数封装成这样

我们看一下,不带参数的请求,点击一下搜索内容,发现XHR,这里没有带参数

ipaddr这里这一次带了一个参数

这里本身就是一个get请求的标志形式

他首先new了一个axios的实例

这里可以拼接一下字符串


相关文章
|
2月前
|
JavaScript 前端开发 Java
SpringBoot项目的html页面使用axios进行get post请求
SpringBoot项目的html页面使用axios进行get post请求
62 2
|
2月前
|
JavaScript 前端开发 Java
SpringBoot项目的html页面使用axios进行get post请求
SpringBoot项目的html页面使用axios进行get post请求
44 0
|
3月前
|
前端开发 JavaScript API
自己动手封装axios通用方法并上传至私有npm仓库:详细步骤与实现指南
自己动手封装axios通用方法并上传至私有npm仓库:详细步骤与实现指南
151 0
|
3月前
|
前端开发 JavaScript UED
axios取消请求CancelToken的原理解析及用法示例
axios取消请求CancelToken的原理解析及用法示例
202 0
|
3月前
|
资源调度 JavaScript
|
5月前
|
JavaScript 前端开发
【Vue面试题二十五】、你了解axios的原理吗?有看过它的源码吗?
这篇文章主要讨论了axios的使用、原理以及源码分析。 文章中首先回顾了axios的基本用法,包括发送请求、请求拦截器和响应拦截器的使用,以及如何取消请求。接着,作者实现了一个简易版的axios,包括构造函数、请求方法、拦截器的实现等。最后,文章对axios的源码进行了分析,包括目录结构、核心文件axios.js的内容,以及axios实例化过程中的配置合并、拦截器的使用等。
【Vue面试题二十五】、你了解axios的原理吗?有看过它的源码吗?
|
3月前
|
缓存 JavaScript 搜索推荐
|
5月前
|
JavaScript 前端开发
【Vue面试题二十七】、你了解axios的原理吗?有看过它的源码吗?
文章讨论了Vue项目目录结构的设计原则和实践,强调了项目结构清晰的重要性,提出了包括语义一致性、单一入口/出口、就近原则、公共文件的绝对路径引用等原则,并展示了单页面和多页面Vue项目的目录结构示例。
|
4月前
|
JavaScript 前端开发 开发者
vue中使用axios请求post接口,请求会发送两次
vue中使用axios请求post接口,请求会发送两次
|
3月前
|
前端开发 JavaScript 安全
在vue前端开发中基于refreshToken和axios拦截器实现token的无感刷新
在vue前端开发中基于refreshToken和axios拦截器实现token的无感刷新
196 4