【笔记】解决Access-Control-Allow-Origin跨域问题

发表于 更新于 阅读次数：

前言

解决Access-Control-Allow-Origin跨域问题

问题

  • 控制台报错：No 'Access-Control-Allow-Origin' header is present on the requested resource

原因

  • 浏览器不允许跨域，因为这是不安全的

在浏览器层面解决问题

  • 打开Chrome时禁用跨域检查

  • 这种解决办法只能在开发时解决问题，并不能在上线时解决问题

Windows

Chrome.exe：根据自己的Chrome存放路径来确定

1
Chrome.exe --args --disable-web-security --user-data-dir="C:/ChromeDevSession"

MacOS

1
open -a 'Google Chrome' --args --disable-web-security --user-data-dir=/tmp/chrome_dev_test

在后端解决

Php

*：允许所有域名的请求

1
header('Access-Control-Allow-Origin: *');

完成

参考文献

均益个人博客
腾讯云——93年的老男孩