跨域踩坑

作者: 王宝花 | 来源:发表于2017-07-25 15:39 被阅读103次

跨域问题

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

错误:

: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) {
...
});

相关文章

  • 跨域踩坑

    跨域问题 在当前域名下访问其它域名下资源时,会出现这个问题。跨域详细信息 错误: 解决方式 需要后端支持。如果你使...

  • SpringBoot 实现前后端分离的跨域访问(CORS)

    springBoot小白写博客时遇到了跨域问题,顺便记录一下踩过的坑 springboot解决跨域的几种方式 方式...

  • iframe跨域传值踩坑

    我在React项目中使用iframe加载angular项目的页面,想要传一串用户信息,由于跨域,采用了HTML5的...

  • 跨域问题剖析

    我们今天聊一下跨域,以下只是个人理解,如有不对,还请指正。希望这篇文章能帮助大家避开跨域的坑或者解决当下的跨域...

  • 跨域问题花式踩坑(一)

    踩坑惨状 平时微信分享配置文件都是后台配置好放到服务器上,前端直接引用,后续因业务需要,更改为可自定义分享内容,通...

  • vue3.0正向代理的配置以及坑

    上文做好了nginx的反向代理处理前端跨域的问题,所以我想试着在本地开发的时候使用线上的数据试试,踩了个小坑,特此...

  • CORS跨域发送Cookie

    引言 由于默认情况下浏览器对跨域请求不允许携带Cookie,所以这次开发再与前端同学在权限验证这块踩了好多坑,故将...

  • .NetCore踩过的坑记录(1):跨域

    我走过最深最长久的路,就是你的套路。 什么是跨域? 自己百度把。我今天只来说下怎么解决并实现一个最简单,看了就会的...

  • 「Golang 框架 Gin 踩坑笔记」跨域问题

    前后端分离,后端使用Gin,POST的接口老是OPTIONS返回404,用postman测试接口正常,最后发现,跨...

  • gateway踩坑王【CorsWebFilter解决跨域失效】

    springboot高一点的版本设置Origin,用addAllowedOriginPattern方法才能生效【找...

网友评论

    本文标题:跨域踩坑

    本文链接:https://www.haomeiwen.com/subject/fcsucxtx.html