AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

网页设计，若依项目修改（It must be done）02------axios封装后发get请求，axios请求的位置在呢？

2024-07-03 32
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 网页设计，若依项目修改（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的实例

这里可以拼接一下字符串


文章标签：
前端开发
关键词：
axios get请求
axios get
axios请求
项目axios
封装axios请求
爱你三千遍斯塔克
目录
相关文章
我是快乐的嘟嘟
|
26天前
|
Python
axios的get请求传入数组参数
axios的get请求传入数组参数
我是快乐的嘟嘟
233 60
热爱技术的小郑
|
20天前
|
JSON JavaScript 前端开发
【Vue面试题二十四】、Vue项目中有封装过axios吗？主要是封装哪方面的？
这篇文章讨论了在Vue项目中封装axios的最佳实践，包括设置接口请求前缀、请求头、状态码、请求方法的封装，以及如何使用请求和响应拦截器来处理token和响应状态，从而简化HTTP请求的配置和错误处理，提高代码的可维护性。
热爱技术的小郑
31 1
【Vue面试题二十四】、Vue项目中有封装过axios吗？主要是封装哪方面的？
Yaiba123
|
25天前
|
JavaScript C++
使用 Vite 创建 Vue3+TS 项目并整合 ElementPlus、Axios、Pinia、Less、Vue-router 等组件或插件
本文详细介绍了如何使用Vite创建Vue3+TypeScript项目，并整合ElementPlus、Axios、Pinia、Less、Vue-router等组件或插件的步骤和配置方法。
Yaiba123
187 1
李木子2024
|
20天前
|
移动开发 JavaScript 前端开发
"解锁axios GET请求新姿势！揭秘如何将数组参数华丽变身，让你的HTTP请求在云端翩翩起舞，挑战技术极限！"
【8月更文挑战第20天】二维码在移动应用中无处不在。本文详述了在UniApp H5项目中实现二维码生成与扫描的方法。通过对比插件`uni-app-qrcode`和库`qrcode-generator`生成二维码，以及使用插件和HTML5 API进行扫描，帮助开发者挑选最佳方案。无论是即插即用的插件还是灵活的JavaScript实现，都能满足不同需求。
李木子2024
24 0
Yaiba123
|
25天前
|
JavaScript 前端开发 C++
使用 Vue-Cli 创建 Vue3+TS 项目并整合 ElementPlus、Axios 等组件或插件
本文详细记录了如何使用Vue-Cli工具创建一个Vue3+TypeScript项目，并整合ElementPlus组件库和Axios等插件，包括项目的创建、配置、启动和插件封装使用等步骤。
Yaiba123
23 0
Yaiba123
|
25天前
|
JavaScript API
Vue2.X项目超简单整合Axios并使用
这篇文章提供了Vue 2.X项目中如何整合Axios的详细步骤，包括配置请求拦截器、响应拦截器、错误处理以及在Vue组件中调用Axios进行数据请求的方法。
Yaiba123
21 0
热爱技术的小郑
|
20天前
|
JavaScript 前端开发
【Vue面试题二十五】、你了解axios的原理吗？有看过它的源码吗？
这篇文章主要讨论了axios的使用、原理以及源码分析。 文章中首先回顾了axios的基本用法，包括发送请求、请求拦截器和响应拦截器的使用，以及如何取消请求。接着，作者实现了一个简易版的axios，包括构造函数、请求方法、拦截器的实现等。最后，文章对axios的源码进行了分析，包括目录结构、核心文件axios.js的内容，以及axios实例化过程中的配置合并、拦截器的使用等。
热爱技术的小郑
38 1
【Vue面试题二十五】、你了解axios的原理吗？有看过它的源码吗？
热爱技术的小郑
|
20天前
|
JavaScript 前端开发
【Vue面试题二十七】、你了解axios的原理吗？有看过它的源码吗？
文章讨论了Vue项目目录结构的设计原则和实践，强调了项目结构清晰的重要性，提出了包括语义一致性、单一入口/出口、就近原则、公共文件的绝对路径引用等原则，并展示了单页面和多页面Vue项目的目录结构示例。
热爱技术的小郑
21 0
小铁匠loven
|
1月前
|
JavaScript 前端开发
vue引入axios出现Module parse failed: Unexpected token (5:2)
vue引入axios出现Module parse failed: Unexpected token (5:2) 页面显示 Cannot GET /
小铁匠loven
46 2
朝阳39
|
2月前
|
前端开发 JavaScript 数据库
vue 使用 async 和 await 实现异步 axios 同步化（实战案例：数据异步校验通过后，再执行保存）
vue 使用 async 和 await 实现异步 axios 同步化（实战案例：数据异步校验通过后，再执行保存）
朝阳39
47 1