随笔分类 - vue之ajax
摘要：为方便起见，为所有支持的请求方法提供了别名 在使用别名方法时， url、method、data 这些属性都不必在配置中指定 axios.request(config) axios.get(url[, config]) axios.delete(url[, config]) axios.head(ur
阅读全文
摘要：首先我们需要了解一点，函数写法才是this.setState的原始写法，对象格式只是简洁语法格式。 （1）对象形式直接更新 如下所示初始化状态state有两个，一个是rolesList所有角色列表，另一个是roleItem选中的角色 这里注意：一个是数组，另一个是对象 当我们后期更新roleItem
阅读全文
摘要：概述 switch语句对一个表达式求值，将结果与 case 子语句比较，如果匹配，则从 case 处的语句向下执行。 语法 break;语句是可选择的，如果遇到break;则会跳出整个switch语句。如果没有任何case匹配，则进入到default:的分支。default:分支也是可选的。 swi
阅读全文
摘要：注意： 常见的方法：开发环境阶段 在package.json添加proxy字段进行配置，该配置方案仅用于开发环境 生产环境一般需要后端工程师进行配置，如果需要前端进行配置，需要最后在工程化项目打包运行时进行配置 本质：
阅读全文
摘要：除了常见的mock.js，最近发现一款新的前端模拟数据工具easy-mock。 官网：https://www.easy-mock.com/ 登录成功后点击右下角+号，进行项目创建 输入项目名等相关信息，创建项目 创建接口 写入数据，创建接口 创建接口完毕后，复制链接 替换接口，然后将state置空
阅读全文
摘要：数据来源方式： 为什么要用mockjs 实际开发中，前后端分离，前端需要后端的接口去完成页面的渲染，但是并不能等到后端成员写完接口再开始进行测试。大部分情况下，前后端需要同时进行开发。因此便需要mockjs制造随机数据来进行后端接口模拟。看了官方文档之后一脸懵逼，这些都是什么鬼？？？？？因此总结了一
阅读全文
摘要：什么是 IconFont 顾名思义，IconFont 就是字体图标。严格地说，就是一种字体，但是，它们不包含字母或数字，而是包含符号和字形。您可以使用 CSS 设置样式，就像设置常规文本一样，这使得 IconFont 成为 Web 开发时图标的热门选择。 IconFont 的背景 WebFont 我
阅读全文
摘要：axios使用 作为全局对象来使用，不像vue-resource挂在在Vue实例上。 引入 <script src="..../axios.min.js"></script> npm install axios --save 提供API get axios.get('../package.json'
阅读全文
摘要：1，传统 Ajax 指的是 XMLHttpRequest（XHR）， 最早出现的发送后端请求技术，隶属于原始js中，核心使用XMLHttpRequest对象，多个请求之间如果有先后关系的话，就会出现回调地狱。 JQuery ajax 是对原生XHR的封装，除此以外还增添了对JSONP的支持。经过多年
阅读全文
摘要：随着 vuejs 作者尤雨溪发布消息，不再继续维护vue-resource，并推荐大家使用 axios 开始，axios 被越来越多的人所了解。本来想在网上找找详细攻略，突然发现，axios 的官方文档本身就非常详细！！有这个还要什么自行车！！所以推荐大家学习这种库，最好详细阅读其官方文档。大概翻译
阅读全文
摘要：本质分析： 因为axios在vue中利用中间件http-proxy-middleware做了一个本地的代理服务A，相当于你的浏览器通过本地的代理服务A请求了服务端B，浏览器通过服务A并没有跨域，因此就绕过了浏览器的同源策略，解决了跨域的问题。 一、 问题 当浏览器报如下错误时，则说明请求跨域了。 l
阅读全文
摘要：请求顺序验证 1、main.js入口文件 2、vue组件里 3、结果 4.作用 请求拦截→在请求发送前校验数据和参数，有问题则不进行发送 响应拦截→返回数据有误时做出拦截 实例：post请求需要转换数据，此时可以放到拦截器处理，以后方便其他所有组件调用post，不用依次配置qs 入口文件配置： 1、
阅读全文
摘要：（1）全局的 axios 默认值 axios.defaults.baseURL = 'https://api.example.com';/*默认请求路径*/ axios.defaults.headers.common['Authorization'] = AUTH_TOKEN; /*作者认证*/ a
阅读全文
摘要：先分析下生命周期 beforecreated：el 和 data 并未初始化 created:完成了 data 数据的初始化，el没有 beforeMount：完成了 el 和 data 初始化 mounted ：完成挂载 （1）mounted 很多人跟我说初始化放在Mounted里面， 我问她(他
阅读全文
摘要：【前言】 本文介绍下axios用法，希望对大家有所帮助 这里声明一句：请求数据一般放置到哪里？详见下篇文章 【主体】 （1）下载 npm i axios --save （2）引入axios模块 方式1：在每个页面根组件引入，然后使用 方式2：在入口文件引入，然后通过Vue.prototype 属性，
阅读全文
摘要：【前言】 Vue里发送AJAX有很多工具可以供开发者使用 ①浏览器自带的fetch函数 ②vue之前推荐的vue-resource第三方模块 ③vue官方目前强力推荐的axios第三方模块 axios可以实现跨平台数据请求 【主体】 （1）安装axios npm i axios --save （2）
阅读全文
