相关疑难解决方法(0)

我正在尝试查询在本地服务器中运行的 Apache Drill，但出现以下错误。请帮助我，我也尝试在项目的 /web 文件夹中添加“.htaccess”，但它不起作用......谢谢！

http
    .post(
  'http://localhost:8047/query.json',
  headers: <String, String>{
    'Content-Type': 'application/json',
    'Access-Control-Allow-Headers':
        'Origin, Content-Type, Cookie, X-CSRF-TOKEN, Accept, Authorization, X-XSRF-TOKEN, Access-Control-Allow-Origin',
    'Access-Control-Expose-Headers': "" 'Authorization, authenticated',
    'Access-Control-Allow-Origin': '*',
    'Access-Control-Allow-Methods': 'GET,POST,OPTIONS,DELETE,PUT',
    'Access-Control-Allow-Credentials': 'true',
  },
  body: jsonEncode(<String, String>{
    'queryType': 'SQL',
    'query':
        'select * from dfs.`C:/Users/drill/data/*.parquet`'
  }),
)
    .then((_response) {
  setState(() {
     response = jsonDecode(_response.body);
  });
}

Error: XMLHttpRequest error.
    C:/b/s/w/ir/cache/builder/src/out/host_debug/dart-sdk/lib/_internal/js_dev_runtime/private/ddc_runtime/errors.dart 264:20      get current
packages/http/src/browser_client.dart 84:22                                                                                    <fn>
C:/b/s/w/ir/cache/builder/src/out/host_debug/dart-sdk/lib/async/zone.dart 1450:54                                              runUnary
C:/b/s/w/ir/cache/builder/src/out/host_debug/dart-sdk/lib/async/future_impl.dart 143:18                                        handleValue
C:/b/s/w/ir/cache/builder/src/out/host_debug/dart-sdk/lib/async/future_impl.dart 696:44                                        handleValueCallback
C:/b/s/w/ir/cache/builder/src/out/host_debug/dart-sdk/lib/async/future_impl.dart 725:32                                        _propagateToListeners
C:/b/s/w/ir/cache/builder/src/out/host_debug/dart-sdk/lib/async/future_impl.dart 519:7                                         [_complete]
C:/b/s/w/ir/cache/builder/src/out/host_debug/dart-sdk/lib/async/stream_pipe.dart …

我有一个云功能,可以验证客户端表单提交的输入.我正在使用Cloud Functions for Firebase https触发器与cors表达中间件.

Firebase功能

const functions = require('firebase-functions');
const express = require('express');
const cors = require('cors')({origin: true});
const validateImageForm = require('./library/validate-image-form');

exports.apiValidateImageForm = functions.https.onRequest((req, res) => {

  cors(req, res, () => {

    validateImageForm(req.body.formInputs, req.body.imageStatus).then((data) => {
      res.status(200).send(data);
    });

  });

});

客户呼叫功能

const validateImageFormFetchOptions = {
   headers: {
     'Accept': 'application/json',
     'Content-Type': 'application/json'
   },
   method: 'POST',
   body: JSON.stringify({
     formInputs: formInputs
   })
}

fetch('https://project-url.cloudfunctions.net/apiValidateImageForm', validateImageFormFetchOptions)
 .then(response => response.json())
 .then(serverErrors => {console.log(serverErrors)});

问题

当我使用获取请求从我的客户端调用此函数时,我在函数日志中看到两个apiValidateImageForm触发器.第一个是状态204,我认为这来自检查原点的cors预检请求.最终请求是状态200.当我获取apiValidateImageForm函数时,我只想要一个函数触发器.我担心随着时间的推移,输出状态204的预检请求会为我的项目配额添加不必要的函数调用.

题

是否可以阻止firebase触发预检请求的函数调用？如果没有,那么有没有办法阻止预检请求并成功将数据传递给函数.

我有很多关于如何在 Java Spring 中配置 CORS 的示例，但它仍然无法在带有 websockets 请求的项目中工作。它适用于 mcv api 路径，但我的 websockets 路径返回错误：

无法加载http://localhost:8080/chat/info?t=1537264329515：请求的资源上不存在“Access-Control-Allow-Origin”标头。因此，不允许访问Origin ' http://localhost:3000 '。响应具有 HTTP 状态代码 403。

我的 WebMvcConfig：

@Configuration
public class WebMvcConfig implements WebMvcConfigurer
{
    @Override
    public void addCorsMappings(CorsRegistry registry) {
        registry.addMapping("/**").allowedOrigins("http://localhost:3000");
    }
}

也许有人有同样的错误或有任何解决方案我应该如何解决这个错误？

我已经尝试解决这个问题一个多星期了。我是这个流星的新手。我正在努力自学，即使因为我不太懂英语。
但我正在尝试访问一个 api，我得到了这个 eh encotrado，你应该把这样的消息

Access-Control-Allow-Origin: *

但我不知道如何以及在哪里

也试着把 {mode: 'no-cors'}

fetch('http://sipla.cuci.udg.mx/sc/horariop.php?c=219359735&k=0d8ce4fab5f4df9ce711cae81e044e1a',{mode: 'no-cors'}) 没有为我工作

componentDidMount() {

              fetch('http://sipla.cuci.udg.mx/sc/horariop.php?c=219359735&k=0d8ce4fab5f4df9ce711cae81e044e1a')

        .then((response) => {
          return response.json()
        })
        .then((dat) => { 
            this.setState( {datos1: dat })
        })    
    }

我正在尝试编写一个从.mp3文件加载ID3标记的脚本.

搜索了几个小时之后,我发现一个脚本体积很小并且做了我想要的,但是我无法使用跨域.mp3文件.我曾尝试使用CSP标头绕过这个,但没有运气.

有没有办法解决这个问题,比如在背景中下载文件并显示进度条,还是可以绕过另一种方式？

加载外部文件时出现的错误:

Refused to get unsafe header "Content-Length"

它连接到.getResponseHeader(); 就目前我所记得的.

我在 Netlify 上使用了一个 React 应用程序 6 个月，没有出现任何问题。从 .com 更改为 .app 后，我的网站开始收到 CORS 错误消息：

从来源“ https://jovial-mccarthy-f17fcd.netlify.app ”访问“ https://newsapi.org/v2/everything?q=bitcoin&from=2020-5-27&sortBy=publishedAt&apiKey=xxx ”处的 XMLHttpRequest已被 CORS 策略阻止：请求的资源上不存在“Access-Control-Allow-Origin”标头。

当我在本地服务器上运行时，它运行良好，并且没有错误消息，但是当在 Netlify 上部署时，我收到上面的错误消息。

我已将 netlify.toml 文件添加到我的根文件夹中：

[[redirects]]
  from = "/*"
  to = "/index.html"
  status = 200

[[headers]]
  # Define which paths this specific [[headers]] block will cover.
  for = "/*"
    [headers.values]
    Access-Control-Allow-Origin = "*"

但我仍然收到错误消息，并且 api 新闻数据被阻止显示在我的网站上。

我使用 axios 进行数据调用。

import axios from 'axios';

const API_URL = "https://newsapi.org/v2/everything?q=bitcoin&from=2020-5-27&sortBy=publishedAt&apiKey=1b823477c9864b7ebb4eb4e9d4148238";

//async function grabbing bitCoin data
export const getNews = async () …

我正在尝试向包含多部分数据的 API 发送 POST 请求。

我在 postman 中测试了 API，一切正常。但是当我在react中调用API时，它给了我CORS错误。

我交叉检查了 URL、标头和数据，对我来说一切似乎都正常。我浏览了有关同一主题的多个堆栈溢出问题，发现我需要将allow-cross-origin 与标头一起传递。我在标题中添加了该内容，但无法解决我的问题。

我在控制台中得到的错误是：

No 'Access-Control-Allow-Origin' header is present on the requested resource

API调用代码

import axios from 'axios';

const header = {
    "userid":localStorage.getItem("userid"),
    "token":localStorage.getItem("token"),
    "Content-Type": "multipart/form-data",
    "Access-Control-Allow-Origin": "*"
  }

const URL="https://api.hello.com/dashboard/venue_updated";

export function updateVenue(data,name,venue_type,email, phone_no,callback, errorcallback){
    console.log(header);
    axios.post(URL,data,{
        params:{
            name,
            venue_type,
            email,
             phone_no,
        },
        headers:header
    })
    .then(res => {
      if(callback != null){
         callback(res);
      }
    })
    .catch(err => {
      if(errorcallback != null){
         errorcallback(err);
      }
    })
}

我曾经将其导入到我的组件中并在表单提交方法上调用它。

您好，我使用 django Rest Framework 作为 API 服务，使用 React 作为前端。在开发时以及部署到 iis 时，我可以从 React 调用 api。我收到此错误

请求的资源上不存在“Access-Control-Allow-Origin”标头。

我已经这样做了=> CORS错误

但我仍然遇到这个错误。

我的 Django 在 localhost:81 上运行

我的反应应用程序运行于：192.168.1.32:81

我可以在都安装的本地服务器上运行它，但是当我在另一台计算机上尝试时，出现此错误。

我使用 fiddler 4 覆盖主机名中的端口。

我正在创建一个全栈应用程序，后端使用 Ktor (Kotlin) 开发，前端使用 React (TypeScript) 开发。后端托管在 Heroku 上，而前端仍在开发中，因此我在本地运行它。

当使用 Postman 进行测试时，该 API 可以正常运行并按预期工作。这是 Ktor 配置的摘录：

@Suppress("unused")
@kotlin.jvm.JvmOverloads
fun Application.module(testing: Boolean = false) {

    install(CORS) {
        anyHost()
    }

    install(StatusPages) {
        // Status pages configuration
    }

    install(ContentNegotiation) {
        jackson {
            enable(SerializationFeature.INDENT_OUTPUT)
            disable(SerializationFeature.WRITE_DATES_AS_TIMESTAMPS)
            disable(DeserializationFeature.FAIL_ON_IGNORED_PROPERTIES)
        }
    }

    routing {
        // Declaration of routes
    }
}

我启用了 CORS，允许每个主机访问资源。

在 React 应用程序中，我使用它axios作为我的 HTTP 库。这是向服务器发出请求的示例：

interface LoginModel {
    email: string;
    password: string;
}

interface TokenAuthModel {
    successful: boolean;
    access_token: string;
}

import * as …

我尝试获取 API 请求，但它返回此错误 Access to XMLHttpRequest at 'https://api.deezer.com/chart' from origin 'http://localhost:3000' has been Blocked by CORS policy: No '请求的资源上存在 Access-Control-Allow-Origin 标头。

编码

const {data, setData} = useState({});
    const API = "https://api.deezer.com/chart";
    useEffect(() => {
        axios(API)
        .then(response => {
            setData(response);
            console.log(data)

        })