axios_的基本使用_使用axios()方法来发送请求---axios工作笔记004

最新推荐文章于 2023-07-24 11:42:47 发布
最新推荐文章于 2023-07-24 11:42:47 发布
阅读量341 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： 前端UI&后端&分布式
本文为博主原创文章，未经博主 添柴程序猿 允许不得转载 违者追究法律责任。
本文链接：https://blog.youkuaiyun.com/lidew521/article/details/113916999
本文介绍了axios的基本使用，包括GET、POST、PUT和DELETE请求。通过示例展示了如何获取、存储、更新和删除JSON Server中的数据。同时提到了axios基于Promise，并解释了crossorigin、viewport和X-UA-Compatible的作用。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

然后我们来看一下axios的基本使用,上面 有用bootstrap生成的4个按钮

我们上面有axios的js,文件,我们拿过来

拿过来以后,上面这个axios的js文件

然后,上面如果不懂link crossorigin和viewport X-UA-Compatible 可以看看有相关的博文说这个

crossorigin用来解决跨域

viewport 用来解决手机屏幕适配的问题

X-UA-Compatible  可以让ie浏览器,使用chrome浏览器的方式来渲染,但是前提是,客户电脑上需要安装了chrome frame..

 

了解本专栏 订阅专栏 解锁全文 超级会员免费看
Axios发送请求的方法
weixin_68658847的博客
12-14 6945
Axios发送请求的方法
基于axios封装fetch方法及调用
chern1992的博客
06-28 1万+
基于axios封装fetch方法及调用
点击导出按钮发起axios的get请求，请求时带上token,接口返回的数据就是文件本身
徐同保的专栏
06-27 418
点击导出按钮发起axios的get请求，请求时带上token,接口返回的数据就是文件本身
axios发送请求方式
cainiao805的博客
07-24 195
console.log("服务器返回结果 resp :" + resp);console.log("服务器返回结果 resp :" + resp);console.log("服务器返回结果 resp :" + resp);console.log("服务器返回结果 resp :" + resp);console.log("服务器返回结果 resp :" + resp);console.log("请求错误 : " + err);第一种写法：post(参数名=值&参数名=值)"name":"王五",
axios详解
bamboozjy的博客
08-02 456
请戳这里 axios拦截器 二次封装  
axios的秘密
大转转FE
02-22 1455
vue自2.0开始，vue-resource不再作为官方推荐的ajax方案，转而推荐使用axios。按照作者的原话来说：“Ajax 本身跟 Vue 并没有什么需要特别整合的地方，使用 fetch polyfill 或是 axios、superagent 等等都可以起到同等的效果，vue-resource 提供的价值和其维护成本相比并不划算，所以决定在不久以后取消对 vue-resource 的官方
axios 的基本使用、其它使用和默认配置
浮生离梦的博客
07-25 447
一、axios 的基本使用 axios 的基本使用，代码如下所示： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale
axios的使用.md
marko_zheng的博客
09-18 872
axios的使用 在本次的项目中使用Vue构建 的项目需要向后台发起请求，Vue本身并不支持发起请求，需要使用vue-sour或者axios等插件，在新版本中对vue-souurce的支持并不友好，我在这里使用了axios，引入的方式有多重，这里只记录通过标签对侵入的方式 引入 &lt;script src="https://unpkg.com/axios/dist/axios.min.js"&g...
axios官方文档——中文版
没事就写点
04-08 2万+
原文地址：https://github.com/axios/axios/blob/master/README.md http://www.cnblogs.com/libin-1/p/6607945.html axios axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP client。 特征 从浏览器创建 XMLHttpRequests 从node.js...
解决：vue运行之后，真机无法获取数据！在手机上发送不出去axios 或者 ajax，请求失败
一名准程序员
02-24 1万+
我的天 这个大坑~ 神烦 百度馊了各种办法 不下一百个网页 最后发现是请求路径的错误 有说es6不兼容的，好那咱就试 对吧 安装polyfill 咱全局安装 代码污染就污染 后期再改 安装好 调试好之后 不行 还是出不来 继续苦思冥想 都是局域网地址 为什么就访问不到本地tomcat服务器呢 pc上 模拟各种手机 也能正常访问到数据啊 为啥真机上就出...
axios基本用法
热门推荐
汉堡请不要欺负面条
03-28 8万+
一.axios1.什么是axiosaxios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端。简单的理解就是ajax的封装它本身具有以下特征： a.从浏览器中创建 XMLHttpRequest b.从 node.js 发出 http 请求 c.支持 Promise API e.拦截请求和响应 f.转换请求和响应数据 g.取消...
axios的使用方法--即GET、POST、 OPTION 、请求拦截的使用
weixin_42315962的博客
05-26 1万+
axios的使用方法–即GET、POST、 OPTION 、请求拦截的使用 axios怎样在全局使用 get传递参数和传递token post传递参数和token option的使用 *拦截器的使用 axios怎样在全局使用 0 . 安装axios npm/cnpm install axios –save 1 .在main.js将axios放在原型上 1....
VUE中<a>标签里调用v-on:click发送axios请求
m0_37983475的博客
10-19 1万+
主要用于实现下载、导出功能。后端传递流，而不是blob对象。 &lt;a&gt;标签的href不为false，且绑定的click向后台发送axios请求实现。 这里使用@click不启作用。 调用顺序为先click后跳转链接。 href填写的是后端传递流的url 例子： html部分： &lt;a class="el-button--primary" href="www.baidu.com" v...
通过修改请求头的User-Agent发送请求
guifei010的博客
02-27 1万+
1.    抓包工具    Fiddler    Charles:Charles可以监控浏览器发送和接收的所有数据2.get的参数 参数1：url，填网址 参数2：params,网址后需要添加的参数 参数3：**kwargs ,不定长键值对参数，一般 key=value    headers={}    cookies={} 或者 CookieJar    timeout=小数或者元组    3....
Axios 的两种使用方法简单示例
luzhaopan的博客
08-27 5494
在编写文件代码的过程中，往往需要请求后台的数据，下面介绍一下 Axios 方法的简单使用 1、直接使用，以下代码为在Vue文件中的 methods 方法中定义的获取后台数据的方法 methods: { // 连接后台获取数据的方法 getData () { let params = { lt: '20180411', ...
HTTP 强缓存和协商缓存
风萧萧兮易水寒
09-25 2277
对于客户端来说，HTTP缓存是web性能优化的重要手段。 优势： 减少了冗余的数据传递，节省宽带流量 减少了服务器的负担，大大提高了网站性能 加快了客户端加载网页的速度 这也正是HTTP缓存属于客户端缓存的原因。 用户体验好 缺点： 缓存中的数据可能与服务器的数据不一致 消耗内存 浏览器缓存一般是针对静态资源（js/css/img等），我们将缓存分为强缓存和协商缓存，两者的主要区别是...
vue 显示获取的md文档
weixin_39818813的博客
04-06 1500
由于后台管理系统写的文章是md格式的，有时候需要在后台修改文章，文章保存在数据库中的格式也是md的，因为这样方便文章还原到编辑器；那前端网站要展示这种md的文档时，就涉及到了将md文档转换为html 这里用到的是vue-markdown 步骤： 安装npm install text-loader --save 在webpack.base.config.js中添加 ...
axios封装并携带自定义请求头（笔记）
Huang_John的博客
07-18 1万+
import axios from ‘axios’ // 创建axios实例 const service = axios.create({ baseURL: process.env.BASE_API, // api的base_url timeout: 5000 // 请求超时时间 }) axios.defaults.headers[‘Content-Type’] = ‘application/x-...
苹果手机 ajax不兼容,技术回顾：浏览器兼容性 axios+fetch+ajax
weixin_39717367的博客
08-05 1018
css盒：box-sizing:content-box;表示标准的盒子模型box-sizing:border-box表示的是IE盒子模型box-sizing:padding-box,这个属性值的宽度包含了左右padding+width经常遇到的浏览器的兼容性有哪些IE下,even对象有x,y属性,但是没有pageX,pageY属性;Firefox下,event对象有pageX,pageY属性,但是...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

添柴程序猿

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值