11.Axios网络请求 课件.pdfVIP

Axios网络请求

教学内容

l第一节Axios的使用

l第二节与Vue整合

l第三节跨域

Axios简介

n在实际项目开发中，前端页面所需要的数据往往需要从服务器端获取，这必然

涉及与服务器的通信。

nAxios是一个基于promise网络请求库，作用于node.js和浏览器中。

nAxios在浏览器端使用XMLHttpRequests发送网络请求，并能自动完成JSON

数据的转换。

n安装：npminstallaxios

n地址：https///

发送网络请求

n发送GET请求。

发送网络请求

n发送POST请求。

异步回调问题

nasync/await

其他请求方式

n参考：https///zh/docs/req_config

与Vue整合

n在实际项目开发中，几乎每个组件中都会用到axios发起数据请求。此时会遇

到如下两个问题：

n每个组件中都需要导入axios

n每次发请求都需要填写完整的请求路径

n可以通过全局配置的方式解决上述问题：

为什么会出现跨域问题

n为了保证浏览器的安全，不同源的客户端脚本