axios的基本使用

最新推荐文章于 2023-01-21 12:38:19 发布
VIP文章 最新推荐文章于 2023-01-21 12:38:19 发布
阅读量280 收藏 3
点赞数 1
分类专栏： # vue 文章标签： 网络 vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43005779/article/details/106935359
版权

网络模块封装axios

几种网络模块

选择一：传统的Ajax是基于XMLHttpRequest(XHR)

为什么不用：

  • 配置和调用方式等混乱
  • 编码复杂
  • 真实开发很少用

选择二：JQuery-ajax

相对于传统Ajax非常好用

为什么不用：

  • vue的整个开发中不需要JQuery
  • 为了网络请求特意引用jQuery不方便
  • vue的代码比jQuery的代码少

选择三：Vue1.x中推出了Vue-resource

体积小，是官方退出的

为什么不用：

  • 在vue2.0以后不在更新维护
  • 对以后的项目开发和维护有很大隐患

选择四：axios

使用方便，有非常多优势，在后续中会详细说明

选择五：jsonp

使用这个的主要原因往往是为了解决跨域访问的问题。

jsonp的核心在于通过<script>标签的src来帮助我们请求数据，将数据当做JavaScript的函数来执行，并且执行过程中传入我们需要的json，封装jsonp的核心在于我们监听window上的jsonp进行回调时的名称

为什么选择axios

<
最低0.47元/天 解锁文章
乔木木木木
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
四Axios基本使用.pdf
07-13
四Axios基本使用.pdf
axios基本使用
Antonweb的博客
11-28 253
首先要明白的是axios是什么：axios是基于promise（诺言）用于浏览器和node.js是http客户端。 axios的作用是什么呢：axios主要是用于向后台发起请求的，还有在请求中做更多是可控功能。 特点：支持浏览器和node.js 支持promise 能拦截请求和响应 能转换请求和响应数据 能取消请求 ...
Axios基本使用
Marsbupt的博客
01-21 342
Axios基本使用
AXIOS基本使用
酱油能码丁
03-21 536
Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。 从浏览器中创建 XMLHttpRequests 从 node.js 创建 http 请求 支持 Promise API 拦截请求和响应 转换请求数据和响应数据 取消请求 自动转换 JSON 数据 客户端支持防御 XSRF 本教程比较简单，axios确实也比较简单，但是功能足够强大。 安装...
axios的基本使用axios的基本使用
最新发布
02-02
axios使用 axios的基本使用axios的基本使用
axios基本入门用法教程
08-31
之前当vue更新到2.0之后，作者就宣告不再对vue-resource更新，而是推荐的axios,前一段时间用了一下，现在说一下它的基本用法。文中介绍的非常详细，需要的朋友可以参考借鉴，下面来一起看看吧。
基本Axios的二次封装
09-03
基于Axios的二次封装模板，可使得项目开发再网络请求的处理方面更加高效 主要实现了以下的功能： axios请求信息统一管理 基础url设置 token统一配置 ...处理了 根据请求方法 判断 参数（param，data）名称使用
Vue-router：router-link、页面跳转
qq_43005779的博客
06-18 1944
router-link标签的属性补充、页面跳转 router-link除了to=""属性还有其他属性： tag属性：会按照我们想要的方式渲染成别的标签的样子<router-link to="/home" tag="button">首页</router-link> replace属性：在正常情况下vue使用history.pushState()来进行url的变更，但是有时我们不希望用户可以回退，所以要使用history.replace()来变更url，可以通过replace属性
Vue笔记：图书购物车案例
qq_43005779的博客
06-12 978
BookShop案例： 一、搭建 使用了semantic-ui框架，搭建整个页面 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link rel="st
Vue笔记：Vue模块化
qq_43005779的博客
06-17 460
webpack中使用Vue的配置过程 安装Vue的三种方式 1、直接下载应用 2、CDN引入 3、npm 配置 1、用npm安装vue npm install --save vue 2、在main.js中引入vue import Vue from 'vue' const app=new Vue({ el:'#app', data:{ message:'hello world' } }) 3、配置webpack.js module.export={ resolve:{ a
Vue路由：安装、配置、基本使用
qq_43005779的博客
06-18 436
Vue-Router路由中的映射关系 一、路由 路由是通过互联网把信息从源地址传输到目的地址的活动 通过映射表进行路由和转发，这个映射表表示了数据包转向哪里 1.1前端渲染、后端渲染 阶段1：后端路由，后端渲染 网页最早用的都是后端渲染，原本用的大多数都是jsp（java server page），php等 服务器直接生产生成好url对应的html页面，返回给客户端展示 一个页面有自己对应的url，url会发送到服务器，服务器通过正则对该url进行匹配，最后交给一个Controller进行处理，Contro
Vue笔记：v-for
qq_43005779的博客
06-12 372
一、向数组中插入某元素 使用v-for来循环显示list中的项 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body&gt
vue-router动态路由
qq_43005779的博客
06-19 322
动态路由的使用、导航守卫 在某一些情况下，一个页面的path可能是不确定的 比如进入用户界面时，url可能是/user/jane这样，希望除了有/user外还有用户的id 一、动态url 首先我们按照原本的方式创造一个user.vue <template> <div> <h2>用户界面</h2> <p>hello world</p> </div> </template> <script&g
Vue笔记：组件化（一）
qq_43005779的博客
06-15 226
Vue组件化开发入门 可以一个完整的页面分成很多个组件，每个组件实现一个功能模块，每一个组件又可以细分 一、Vue的组件化思想 Vue提供了一种抽象，可以开发复用的小组件来构造应用，每一个应用都可以被抽象成一颗组件树 二、注册组件的步骤 step 1：通过Vue.extend()创建组件构造器 step2 ：注册组件Vue.component()注册组件 step3 ：使用 三、组件简单实现： <!DOCTYPE html> <html> <head> <me
Vue笔记：slot插槽
qq_43005779的博客
06-15 171
solt插槽的基本使用 一、为什么使用插槽 组件的插槽是为了让封装的组件有更好的扩展性，让使用者决定要展示什么东西 二、插槽的简单实现 组件模板： <template id="cpn"> <div> <h2>我是cpn</h2> <!-- <button type="button" @click="btnClick">确定</button> --> <slot></slot&g
Vue笔记：webpack模块化
qq_43005779的博客
06-17 171
模块化 常见的模块化规范：commonJS,AMD,CMD,ES6的Modules CommonJS模块化了解 核心是导入、导出 导出： module.exports={ flag:true, test(a,b){ return a+b }, demo(a,b){ return a*b } } 导入： let{test,demo,flsg}=require('moduleA'); 一、Es6中的模块化 在model.js文件中： var name="乔木" var age=18 var
Vue笔记：JavaScript高阶函数
qq_43005779的博客
06-12 157
一些好用的循环方式 1、for in for(let i in array){} 这里 i是数组每一项的index 2、for of for(let item of array){} 这里的item取到的是数组中每一项 3、js中的数组高阶函数 filter arrayObject.filter(function(n){ //process }) 每从数组中取得一个元素，就会执行这个filter的回调函数这个回调函数的要求的 返回值必须是 boolean，当返回为true时，函数内部会自动将这
Vue笔记：登陆切换的小案例
qq_43005779的博客
06-12 152
v-if&v-else 通过v-if和v-else达到切换不同登录方式的形式，当v-if的值为true时显示v-if所在的内容，当值为false时显示v-else所在的内容 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &lt.

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值