首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >获取错误无“访问-控制-允许-源”标题存在于请求的资源上

获取错误无“访问-控制-允许-源”标题存在于请求的资源上
EN

Stack Overflow用户
提问于 2017-10-23 11:59:32
回答 3查看 2.5K关注 0票数 1

我正在尝试创建一个无头的drupal应用程序。我正在使用drupal 8作为一个招手和反应作为前端。我使用核心REST服务模块在drupal 8中创建了rest服务。问题是当我调用api时,它会给我带来错误,例如

Fetch API无法加载http://192.168.1.246/headless-react/api/events。对飞行前请求的响应不会通过访问控制检查:请求的资源上没有“访问-控制-允许-原产地”标题。因此,“http://localhost:3000”源是不允许访问的。响应具有HTTP状态代码403。如果不透明响应满足您的需要,请将请求的模式设置为“no- CORS”,以获取禁用CORS的资源。

我为services.yml配置了cors.config文件,但仍然出现错误。有人知道怎么解决吗?谢谢

EN

回答 3

Stack Overflow用户

发布于 2018-10-17 14:17:44

安装CORS模块https://www.drupal.org/project/cors

它将允许您克服与交叉原点相关的错误。

票数 1
EN

Stack Overflow用户

发布于 2017-10-23 12:04:52

我用的是分机。之所以会收到此警告,是因为您从另一个域调用了api。或者你你可以用nginx。

https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS

票数 0
EN

Stack Overflow用户

发布于 2017-10-23 12:44:28

您需要提到在使用ReactJS的前端使用的构建工具。假设您使用webpack,您需要在根目录的package.json中添加一个代理,如下所示:

package.json

代码语言:javascript
复制
...
"name": "relay-starter-kit",
"proxy":"<your-base-remote-server-url-here",
"private": true,
...

例如,如果您的服务器位于https://www.myawesomeserver.com,那么"proxy": "https://www.myawesomeserver.com"

就您的情况而言,"proxy":"http://192.168.1.246"应该可以工作。

在您的应用程序中,如果您需要访问路由,https://www.myawesomeserver.com/home,那么您只需要通过路由,webpack将从package.json中的代理获取基本url。

代码语言:javascript
复制
const getHome = async() => {
  try{
    const raw = await fetch('/home')
    const res = await raw.json()
  } catch(e) {
    console.log(e)
 }
}

这是因为当你运行webpack的时候,它运行的是webpack dev服务器上的react应用程序,如果你想和其他服务器进行通信,你必须代表你提出一个请求。如果你不使用webpack,这可能对你没有用。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/46888824

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档