解决xxx by CORS policy: No ‘Access-Control-Allow-Origin‘ header is present on the requested resource问题

问题复现

今天登录ant design pro时，报出登录失败的问题，于是打开控制台，如下图所示：

错误信息为Access to XMLHttpRequest at 'http://127.0.0.1:8088/user/login' from origin 'http://127.0.0.1:8000' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.

翻译成中文是从源“http://127.0.0.1:8000”访问“http://127.0.0.1:8088/user/login”处的 XMLHttpRequest 已被 CORS 策略阻止：对预检请求的响应未通过访问控制检查 ：请求的资源上不存在“Access-Control-Allow-Origin”标头。

这个问题简单来说即是跨域问题，但为什么会存在跨域问题呢？

跨域现象

跨域报错的原因：请求是跨域的，并不一定会报错。普通的图片请求，css文件请求是不会报错的

跨域请求出现错误的条件： 浏览器同源策略&& 请求是ajax类