Axios 是一个基于 promise 的 HTTP 客户端，用于浏览器和 node.js 环境。它因其简洁的 API 和强大的功能而在现代前端开发中广泛使用。然而，在使用 Axios 进行 HTTP 请求时，开发者可能会遇到跨域访问的问题。
什么是跨域问题？
跨域问题源于浏览器的同源策略（Same-Origin Policy），这是一项安全措施，它限制了来自一个源的网页如何与另一个源的资源进行交互。源由协议、域名和端口号共同决定。当尝试从不同的源发起请求时，浏览器会阻止这种跨源 HTTP 请求，除非服务器明确允许。
Axios 跨域常见报错
在使用 Axios 进行跨域请求时，可能会遇到以下几种常见的错误：
- 跨域请求被阻止 (Cross-Origin Request Blocked)：由于浏览器的同源策略，请求被自动阻止。
- 无法获取响应内容 (No 'Access-Control-Allow-Origin' header is present)：服务器没有在响应头中包含允许跨域访问的 Access-Control-Allow-Origin。
- 预检请求失败 (Preflight request failed)：对于某些类型的请求，浏览器会先发送一个预检请求（OPTIONS 请求），如果预检失败，则主请求也会失败。
- 网络错误 (Network Error)：请求过程中出现网络问题，如服务器不可达或请求超时。
解决 Axios 跨域问题的策略
CORS（Cross-Origin Resource Sharing）：服务器端设置响应头 Access-Control-Allow-Origin 允许特定的源访问资源。如果设置为 *，则允许所有源访问。
代理服务器：在开发环境中，可以使用 webpack 的 devServer.proxy 配置或 Node.js 的 http-proxy-middleware 来设置代理，将请求转发到目标服务器。
JSONP：JSONP 是一种只能用于 GET 请求的老式技术，通过动态创建
