ajax 和 http_代码007

– axios.get(url[, config])
– axios.post(url[, data[, config]])
– ax ios.put(url[, data[, config]])
– ax ios.delete(url[, config])

**config 参数对象中常用的属性：**

– `url`：必需的，是用于请求的服务器 URL，类型为字符串
– `method`：可选的，是创建请求时使用的方法，类型为字符串，默认值为: ‘g e t‘
– `headers`：可选的，是即将被发送的自定义请求头，类型为 Obje ct对象，例如：`{‘Content-Type‘: ‘Appli cat ion/json‘}`
– `data`：可选的，是作为请求主体被发送的数据，只适用于这些请求方法 ‘PUT’, ‘POST’, 和 ‘PATCH’。支持常见的数据类型：plain object、FormData、URLSearc hParam s、File
– `params`：可选的，是即将与请求一起发送的 URL 参数，类型必须是一个无格式对象(plain object)或 URLSearc hParams 对象
– `timeout`：可选的，指定请求超时的毫秒数(0 表示无超时时间)，默认值为 1000。如果请求超过 `timeout` 的时间，请求将被中断。
– `r esponseType`: 可选的，表示服务器响应的数据类型，可以是 ‘json‘, ‘text‘ 等，默认值为 ‘json‘

使用 `then(r esponse => {})` 返回接收服务端响应，响应信息对象 r esponse包含以下信息 :

在工具里使用（vue–cli）

1.安装ax ios有时需要去序列化也许安装 qs（把一个 json对象转为？&那种形式

2.在主函数中导入，用脚手架安装默认在module中直接./导入即可，其他插件也一样

3.导入

import axi os from ‘axi os‘

axi os.defaults.basseURL=______

vue.prototype.$axi os=axi os

挂在到vue 原型上调用方便如axi os.get等，文章里有原型知识

4.可以设置axi os 拦截器

axi os.interceptors.r esponse.use(function(….

axi os.interceptors.request.use(function(….

http状态码

– 200 – 请求成功
– 301 – 资源（网页等）被永久转移到其它URL
– 404 – 请求的资源（网页等）不存在
– 500 – 内部服务器错误

http请求与相应格式

跨域（浏览器阻止的跨域，服务器不会跨域）

### 4.2 跨域解决方案

实际开发中，跨域发送请求是避免不了的。比如，

1. 我们在公司开发一套全新的前端项目，需要部署在单独的服务器上，
2. 而提供数据的后台接口项目也是独立部署在一个服务器上，
3. 此时，两台服务器部署项目时就会造成域名不一致的问题
4. 当前端向后台发起HTTP请求时，就会因为跨域请求而被浏览器拒绝了

既然，避免不了就要想办法绕开浏览器的同源策略，去完成跨域请求。

这里列举常见的一些解决方案：

1. CORS：跨域资源共享。就是在后台服务器端配置允许某个域名下的请求。

2. 中间服务器代理，衍生的反向代理：分为正向代理与反向代理，通常使用反向代理，如proxy 代理

这个比较常用下面放个例子吧

用vue–cli为例子

proxy中

‘/api/v1’为这个路径重写跨域的 target（为跨域的域名）

changeOr i gin 开启跨域

path reWr ite{

‘’api‘’：’‘/’‘}

3. JSONP：就是动态生成一个script，由于script的src不受同源策略的限制，就可以去请求不同域的接口

1.不支持post请求