跨域踩坑

跨域问题

在当前域名下访问其它域名下资源时,会出现这个问题。跨域详细信息

错误:

:1111/#/login:1 XMLHttpRequest cannot load http://employment.dev/api/login. Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:1111' is therefore not allowed access. The response had HTTP status code 403.

解决方式

  1. 需要后端支持。如果你使用的laravel,推荐使用barryvdh/laravel-cors这个包,只需要对需要跨域的路由加上这个中间件即可。
  2. 如果你使用dingo API组件的话,你需要在config/api.php中进行配置中间件。
...
'middleware' => [
        'cors' => \Barryvdh\Cors\HandleCors::class,
    ],
...

然后在路由中使用即可:

$api->version('v1', [ 'middleware' => 'cors'], function ($api) {
...
});
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,797评论 19 139
  • 什么是跨域? 2.) 资源嵌入:、、、等dom标签,还有样式中background:url()、@font-fac...
    电影里的梦i阅读 6,940评论 0 5
  • 我叫尹宏,来自重庆,是个单亲妈妈,我也曾有一个完整的家,故事开始大多都是美好的,美好到我至今不敢回忆,直到2011...
    嘉怡宝贝阅读 3,362评论 1 0
  • 都说记性不好的人更容易幸福,选择性的遗忘,不开心的通通忘掉,开心的事时时回顾,任凭记忆给情节丰满,越来越精彩。 记...
    郑公子vega阅读 1,677评论 5 10
  • 冯唐易老,李广难封。 于我而言,冯唐是个变数。 从小我妈把我当女孩子养。穿各种白色,红色,甚至紫色的衣服,走路不能...
    有组织不合作阅读 5,095评论 0 1