我们好,我来了,下期为我们增添的后端开发科学知识是”Web后端:Vue此基础-Axios实用性文本“,有兴趣做后端的好友,和我一起来看一看吧!
互联网允诺简述。他们以后碰触过许多,Ajax,jQueryPCB过两个,如前所述XHR第一类,他们在小流程中也碰触过两个互联网允诺,request第一类。在React中,还碰触过两个Fetch第一类。在Vue中,他们有与Vue相互配合较为好的计划:Axios,总之,在Vue起初的这时候,官网保护过两个互联网允诺vue-resource,但现阶段早已不所推荐采用了。
英文参照门牌号:https://www.kancloud.cn/yunye/axios/234845
Github参照门牌号:https://github.com/axios/axios
Axios
Axios 是两个如前所述 promise 的 HTTP 库,能用在应用流程和 node.js 中。
Features
从应用流程中建立 XMLHttpRequests
从 node.js 建立 http 允诺
全力支持 Promise API
截击允诺和积极响应
切换允诺统计数据和积极响应统计数据
中止允诺
手动切换 JSON 统计数据
应用流程全力支持防卫 XSRF
加装
引入采用方式
全局实用性
局部采用
允诺方式示例
Get允诺
Post允诺
参数注意事项:post允诺参数需要的是字符串类型,如:name=iwen@age=20,如前所述此,他们需要对传递的参数做切换,通过QueryString做转换,qs.stringify({})
并发允诺
实用性的默认值/defaults
全局的 axios 默认值
截击器
设计原则
对于互联网允诺来说,不是一次性的应用,而是贯穿整个应用的。如前所述此,他们需要对互联网允诺进行PCB,让他们能更好的去调用它。而且因为互联网允诺非常多,所以他们在采用的这时候应该对互联网允诺进行统一的处理和规划。
1. PCB互联网允诺
统一处理互联网允诺
跨域处理
开发环境
他们编写代码的环境被称为开发环境
跨域解决计划:
1. Proxy代理
他只能解决开发环境下的跨域,上线之后,此种跨域将不再生效
解决两种场景:
1.后台开发者还没有时间处理跨域问题
2.他们自己的模拟统计数据服务器,例如Mock,产生了跨域
示例代码:
我们需要在项目的根目录下建立两个文件为:vue.config.js。 vue.config.js 是两个可选的实用性文件,如果项目的 (和 package.json 同级的) 根目录中存在这个文件,那么它会被 @vue/cli-service 手动加载。你也能采用 package.json 中的 vue 字段,但注意这种写法需要你严格遵照 JSON 的格式来写。
2. CORS后台解决跨域
实时生效,不区分开发还是生产环境
生产环境
打包上线之后要运行在应用流程中被用户访问的环境
npm run build:运行此命令,能直接打包项目。
在应用流程中,能运行的代码就只有HTML、CSS和JavaScript及资源文件如:Image
跨域解决计划:
1. CORS后台跨域解决
实时生效,不区分开发还是生产环境
本次为我们增添的后端文章文本”Web后端:Vue此基础-Axios实用性文本“到此结束了,对后端开发有兴趣的好友,关注我,他们下期再见!