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

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

2024-07-03 45
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 网页设计，若依项目修改（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
项目axios get
axios get请求
项目axios get请求
axios get
爱你三千遍斯塔克
目录
相关文章
java冯坚持
|
1月前
|
资源调度 JavaScript 前端开发
vue-element-admin 综合开发四：axios安装和封装、mock安装/学习/使用
这篇文章是关于如何在Vue项目中使用axios进行网络请求、二次封装axios以及使用mockjs模拟响应数据的教程。
java冯坚持
76 1
vue-element-admin 综合开发四：axios安装和封装、mock安装/学习/使用
刘大猫.
|
16天前
|
JavaScript 前端开发 Java
SpringBoot项目的html页面使用axios进行get post请求
SpringBoot项目的html页面使用axios进行get post请求
刘大猫.
40 2
mao29955
|
1月前
|
Python
axios的get请求传入数组参数
【10月更文挑战第11天】 当使用 `axios` 发送包含数组参数的 GET 请求时，默认的序列化方式可能与后端（如 Django）不兼容，导致无法正确获取数组参数。解决方案是通过 `paramsSerializer` 指定自定义序列化函数，或使用 `qs` 库来格式化数组参数，确保前后端一致。示例代码展示了如何使用 `qs` 库设置 `arrayFormat` 为 `"repeat"`，以符合 Django 的解析要求。
mao29955
25 2
邹荣乐
|
29天前
|
前端开发 JavaScript API
自己动手封装axios通用方法并上传至私有npm仓库：详细步骤与实现指南
自己动手封装axios通用方法并上传至私有npm仓库：详细步骤与实现指南
邹荣乐
73 0
邹荣乐
|
30天前
|
前端开发 JavaScript UED
axios取消请求CancelToken的原理解析及用法示例
axios取消请求CancelToken的原理解析及用法示例
邹荣乐
86 0
光明顶阳顶天
|
1月前
|
资源调度 JavaScript
在 Vue 项目中，如何使用 Axios 进行数据请求？
【10月更文挑战第3天】
光明顶阳顶天
292 59
热爱技术的小郑
|
3月前
|
JavaScript 前端开发
【Vue面试题二十五】、你了解axios的原理吗？有看过它的源码吗？
这篇文章主要讨论了axios的使用、原理以及源码分析。 文章中首先回顾了axios的基本用法，包括发送请求、请求拦截器和响应拦截器的使用，以及如何取消请求。接着，作者实现了一个简易版的axios，包括构造函数、请求方法、拦截器的实现等。最后，文章对axios的源码进行了分析，包括目录结构、核心文件axios.js的内容，以及axios实例化过程中的配置合并、拦截器的使用等。
热爱技术的小郑
89 1
【Vue面试题二十五】、你了解axios的原理吗？有看过它的源码吗？
光明顶阳顶天
|
1月前
|
缓存 JavaScript 搜索推荐
在 Vue 项目中，Axios 的请求拦截器的作用
【10月更文挑战第3天】
光明顶阳顶天
105 61
热爱技术的小郑
|
3月前
|
JavaScript 前端开发
【Vue面试题二十七】、你了解axios的原理吗？有看过它的源码吗？
文章讨论了Vue项目目录结构的设计原则和实践，强调了项目结构清晰的重要性，提出了包括语义一致性、单一入口/出口、就近原则、公共文件的绝对路径引用等原则，并展示了单页面和多页面Vue项目的目录结构示例。
热爱技术的小郑
41 0
我是快乐的嘟嘟
|
2月前
|
JavaScript 前端开发 开发者
vue中使用axios请求post接口，请求会发送两次
vue中使用axios请求post接口，请求会发送两次
我是快乐的嘟嘟
279 61

热门文章

最新文章

  • 1
    开箱即用的axios封装：Vue3+TS（建议收藏）
  • 2
    axios设置content-type
  • 3
    React 在 html 中 CDN 引入（包含useState、antd、axios ....）
  • 4
    JavaScript HTTP客户端库axios介绍
  • 5
    axios详解以及完整封装方法
  • 6
    react总结之axios（解决跨域）
  • 7
    在VUE项目中做一个简单的Axios二次封装及使用
  • 8
    Axios请求成功和失败时分别执行哪个函数?
  • 9
    Vue综合案例与axios
  • 10
    如何封装axios，并展示一个可重用的HTTP请求模块？
  • 1
    若依修改，若依如何发送请求---王清江07,axios的请求在request.js文件中,若依发送GET请求，必须用param
    119
  • 2
    axios发送post请求，如何接受和返回一个axios的字段，解决bug的方法，困难的事情先从简单做起，先从发送一个axios的post请求做起，解决方法查别人的资料，查看F12看network就行
    42
  • 3
    文本，前后端数据交互，简单请求,如何去给data数据赋值，在mounted()里赋值,利用axios发送的请求，res就是数据集，就是后端的数据，this.users = res.data.data
    45
  • 4
    Request failed with status code 400，使用axios.post要发送参数，认真比对原项目，看看有没有忘记什么？
    84
  • 5
    vue3 在 watchEffect 里中断未完成的 axios 请求（只保留最后一次请求的方法---连续点击查询按钮的优化）
    117
  • 6
    前后端数据交互.js文件的axios的写法，想要往后端发送数据，页面注入API，await的意思是同步等待服务器数据，并返回，axios注入在其他页面，其他页面调用的时候，同步作用
    42
  • 7
    前后端数据交互，API风格组合式API和选项式API，setup是一个标识，组合式编写的意思，使定义count.value的值自增的写法，组合式API使用axios的写法,ref定义响应数据写法
    28
  • 8
    前后端数据交互之axios的路径怎样找？axios的路径是那个，是你打开Tomcat之后，出现的路径+你项目写的接口路径
    34
  • 9
    数据交互，前后端数据请求，axios请求，对象结构的使用，E6的使用，结构赋值是什么？函数形参的obj如何，函数形参的obj就改成对象结构接收传入的数据对象
    25
  • 10
    vue 使用 async 和 await 实现异步 axios 同步化（实战案例：数据异步校验通过后，再执行保存）
    132

    • 相关课程

    更多
  • Ajax入门

    • 相关电子书

    更多
  • 探究 Node.js 的服务端之路
  • 低代码开发师（初级）实战教程
  • 阿里巴巴DevOps 最佳实践手册
    • 下一篇
    阿里云OSS设置跨域访问