相关疑难解决方法(0)

是的,这似乎记录很差,或者我在文档中看不到它.我基本上不想?rel=0使用JavaScript API的相关视频().

$players[$vidIdPlaceholderRef] = new YT.Player('player_' + $vidIdPlaceholderRef, {
    height: '550',
    width: '840',
    videoId: $vidId
});

就是我所拥有的.

我也尝试过:

$players[$vidIdPlaceholderRef] = new YT.Player('player_' + $vidIdPlaceholderRef, {
    height: '550',
    width: '840',
    videoId: $vidId + '?rel=0',
    rel : 0
});

没有运气.有没有人知道可以添加的选项(试试rel : 0没有运气)

我试图通过以下方式上传我的文件:

console.log("not broken til here");
    scope.inputMemeIsFile=true;
    var bucket = new AWS.S3({params: {Bucket: 'townhall.images'}});
    file = image.file;
    console.log(file);

    var params = {Key: file.name, ContentType: file.type, Body: file};
      bucket.upload(params, function (err, data) {
        var result = err ? 'ERROR!' : 'UPLOADED.';
        console.log(result);
        console.log(err);
      });

但是,我收到以下错误:

XMLHttpRequest cannot load https://s3.amazonaws.com/<BUCKETNAME>/favicon.jpg. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://127.0.0.1:5000' is therefore not allowed access.

与proceedingError:Network Failure {message: "Network Failure", code: "NetworkingError", time: Tue Feb 17 2015 13:37:06 GMT-0500 (EST), region: …

我正在运行一个Spring API服务器和一个Angular-cli服务器来提供我的静态内容.在生产中我们将使用CDN,但是对于开发,前端和后端服务器都在不同端口上的本地盒上运行.Spring服务器提供初始的html页面,然后JS,CSS和html的其余部分来自angular-cli/CDN.

问题是当调用System.import()时,浏览器会抱怨CORS:XMLHttpRequest无法加载http:// localhost:4200/system-config.js.请求的资源上不存在"Access-Control-Allow-Origin"标头.因此,不允许来源" http:// localhost:8080 "访问.zone.js:323错误:错误:加载XHR错误http:// localhost:4200/system-config.js(...)

如何配置angular-cli以设置"Access-Control-Allow-Origin"标题,以便浏览器不会发挥作用.

我正在尝试从backbone.js获取到我的node.js服务器.但是,我在控制台中收到以下错误:

Origin http://localhost is not allowed by Access-Control-Allow-Origin.

我将以下内容添加到node.js服务器:

var allowCrossDomain = function(req, res, next) {
    res.header('Access-Control-Allow-Origin', "http://localhost");
    res.header('Access-Control-Allow-Methods', 'GET,PUT,POST,DELETE');
    res.header('Access-Control-Allow-Headers', 'Content-Type');
};

app.configure(function() {
    app.use(allowCrossDomain);
});

但它仍然返回相同的错误.但是,即使这确实有效,它似乎也不是理想的解决方案,因为我希望来自各地的用户能够发送请求.

嗨，我无法在我的项目中禁用 CORS。我对 CORS 配置使用自定义过滤器和 Spring Security Config。我看过这个很好的答案：你能在 Spring 中完全禁用 CORS 支持吗？

但是当我尝试以下实现时，我仍然收到 CORS 错误：

CORS 配置：

@Component
@Order(Ordered.HIGHEST_PRECEDENCE)
class CorsFilter @Autowired
constructor() : CorsFilter(configSrc()) {
    companion object {

    private fun configSrc(): UrlBasedCorsConfigurationSource {
        val config = CorsConfiguration()
        config.allowCredentials = true
        config.addAllowedOrigin("http://127.0.0.1:3000")
        config.addAllowedHeader("*")
        config.addAllowedMethod("*")
        val src = UrlBasedCorsConfigurationSource()
        src.registerCorsConfiguration("/**", config)
        return src
    }
}

}

我还尝试将允许的原点设置为如下所示，但没有结果：

config.addAllowedOrigin("http://127.0.0.1:3000")

这些是来自正在进行的 OPTIONS 请求的响应标头：

这是我得到的确切错误：

您能否指出任何其他想法或为什么会发生这种情况？我认为这将是一个简单的解决问题，但它最终消耗了我很多时间。

谢谢

我正在 Spring Boot 之上构建一个 React 应用程序。当我尝试向 localhost:8080 发出 put 请求时，我的浏览器出现了这些错误

跨域请求被阻止：同源策略不允许读取位于 http://localhost:8080/products 的远程资源。（原因：缺少 CORS 标头“Access-Control-Allow-Origin”）。

跨域请求被阻止：同源策略不允许读取位于 http://localhost:8080/products 的远程资源。（原因：CORS请求没有成功）

我已经在我的服务器端为 localhost 3000 设置了@CrossOrigin。

通过添加标头、代理甚至在任何地方使用 firefox CORS 来解决这个问题已经有一段时间了。似乎没有任何工作。

请看下面我的前端代码

import React, { Component } from "react";
import { Card, Form, Button } from "react-bootstrap";
import axios from "axios";
import Toasting from "./Toasting";
export default class AddProducts extends Component {
  constructor(props) {
    super(props);
    this.state = this.startState;
    this.state.toast = false;
    this.productChange = this.productChange.bind(this);
    this.submitProduct = this.submitProduct.bind(this);
    var config = {
            headers: {'Access-Control-Allow-Origin': '*'}
        }; …

我需要在使用create-react-app实用程序创建的React中使用'CORS'节点模块.

由于它是一个实用程序,我无法调整内部并将'CORS'注入预先配置的'EXPRESS'模块.

我们怎样才能做到这一点？

我正在使用 Angular 8.0.3 和 keycloak 6.0.1 进行前端身份验证。

问题

我设法从我的应用程序进入 keycloak 登录页面。使用我的登录详细信息登录后，出现错误：
-localhost/:1 Access to XMLHttpRequest at ' https://localhost:8080/auth/realms/pwe-realm/protocol/openid-connect/token ' from origin ' http ://localhost:4200 ' 已被 CORS 策略阻止：请求的资源上不存在 'Access-Control-Allow-Origin' 标头。
-Keycloak init failed Keycloak 初始化过程中发生错误。

请问你能帮帮我吗 ？

我的 Keycloak 配置：

1 领域：pwe-realm
2 客户端：
-pwe-api（用于我的后端）
-pwe-web（用于我的身份验证前端）

pwe-web 配置：
客户端协议：openid-connect
访问类型：public
有效重定向 Uris：http//:localhost:4200/（我也试过“*”）

我的代码（我正在使用这个库：keycloak-angular）：

环境.ts：

import {KeycloakConfig} from 'keycloak-angular';

const keycloakConfig: KeycloakConfig = {
  url: 'https://localhost:8080/auth',
  realm: 'pwe-realm',
  clientId: 'pwe-web'
};

export const environment = {
  production: false, …

我遇到过一种情况，我从 Angular 6 应用程序调用 Spring Boot 应用程序。当我以与在不同端口上运行的应用程序的角度调用 HTTP post 方法时，它会引发异常。

从源“ http://localhost: 4200 ”访问位于“http://localhost:8080/api”的XMLHttpRequest已被 CORS 策略阻止：对预检请求的响应未通过访问控制检查：它没有 HTTP好的状态。

我的 Angular 应用程序在“ http://localhost:4200 ”上运行，端口号：4200 我的 Spring Boot 应用程序在“ http://localhost:8080/api ”上运行：端口号：8080。

没有直接的答案可以解决这个问题。有一些技巧可以禁用 Chrome 中的安全性，使用 NGINX 可以解决此问题。

我正在尝试使用Netlify Lambda Function创建 API 端点。该代码在我的本地运行良好，但总是返回Access to XMLHttpRequest at 'https://<my-netlify-project>.netlify.com/.netlify/functions/submit' from origin 'http://localhost:3000' 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.

我正在尝试在我的代码中处理OPTIONS和POST，但它似乎不起作用。这是我的代码：

const axios = require('axios');

const headers = {
      'Access-Control-Allow-Origin': '*',
      'Access-Control-Allow-Headers': 'Origin, X-Requested-With, Content-Type, Accept',
      'Content-Type': 'application/json',
      'Access-Control-Allow-Methods': '*',
      'Access-Control-Max-Age': 2592000,
      'Access-Control-Allow-Credentials': true,
};

exports.handler = (event, context, callback) => {
      if (event.httpMethod === 'OPTIONS') { …