Axios网络请求教学内容l第一节Axios的使用l第二节与Vue整合l第三节跨域Axios简介n在实际项目开发中，前端页面所需要的数据往往需要从服务器端获取，这必然涉及与服务器的通信。nAxios是一个基于promise网络请求库，作用于node.js和浏览器中。nAxios在浏览器端使用XMLHttpRequests发送网络请求，并能自动完成JSON数据的转换。n安装：npminstallaxiosn地址：https://www.axios-http.cn/发送网络请求n发送GET请求。发送网络请求n发送POST请求。异步回调问题nasync/await其他请求方式n参考：https://axios-http.com/zh/docs/req_config与Vue整合n在实际项目开发中，几乎每个组件中都会用到axios发起数据请求。此时会遇到如下两个问题：n每个组件中都需要导入axiosn每次发请求都需要填写完整的请求路径n可以通过全局配置的方式解决上述问题：为什么会出现跨域问题n为了保证浏览器的安全，不同源的客户端脚本在没有明确授权的情况下，不能读写对方资源，称为同源策略，同源策略是浏览器安全的基石n同源策略（Sameoriginpolicy）是一种约定，它是浏览器最核心也最基本的安全功能n所谓同源（即指在同一个域）就是两个页面具有相同的协议（protocol），主机（host）和端口号（port）n当一个请求url的协议、域名、端口三者之间任意一个与当前页面url不同即为跨域，此时无法读取非同源网页的Cookie，无法向非同源地址发送AJAX请求跨域问题解决nCORS（Cross-OriginResourceSharing）是由W3C制定的一种跨域资源共享技术标准，其目的就是为了解决前端的跨域请求。nCORS可以在不破坏即有规则的情况下，通过后端服务器实现CORS接口，从而实现跨域通信。nCORS将请求分为两类：简单请求和非简单请求，分别对跨域通信提供了支持。简单请求满足以下条件的请求即为简单请求：n请求方法：GET、POST、HEADn除了以下的请求头字段之外，没有自定义的请求头：nAccept、Accept-Language、Content-Language、Last-Event-ID、Content-TypenContent-Type的值只有以下三种：ntext/plain、multipart/form-data、application/x-www-form-urlencoded简单请求的服务器处理n对于简单请求，CORS的策略是请求时在请求头中增加一个Origin字段，n服务器收到请求后，根据该字段判断是否允许该请求访问，如果允许，则在HTTP头信息中添加Access-Control-Allow-Origin字段。非简单请求n对于非简单请求的跨源请求，浏览器会在真实请求发出前增加一次OPTION请求，称为预检请求（preflightrequest）...
