Loading [MathJax]/jax/output/CommonHTML/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >为什么上传文件时react.js会返回cors

为什么上传文件时react.js会返回cors
EN

Stack Overflow用户
提问于 2020-09-24 00:48:41
回答 1查看 340关注 0票数 1

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
const formData = new FormData();
    formData.append("CustomerName", this.state.customerName);
    formData.append("Email", this.state.email);
    formData.append("Phone", this.state.phone);
    formData.append("PageNumber", this.state.pagesNumber);
    formData.append("Notes", this.state.notes);
    formData.append("WritingConversionTypeId", this.state.writingConversionTypeId);
    formData.append("WritingDocumentTypeId", this.state.writingDocumentTypeId);
    formData.append("WritingTimePeriodId", this.state.writingTimePeriodId);
    formData.append("files", 'null');
    
     writingRequest.postwritingRequest(formData).then((res) => {
      console.log(res);
    });

当附加到headrs表单数据时,它返回CORS,我使用react.js和服务器端ASP.NET Core3.1.当从标题中移除(内容-类型:多部分/表单-数据)时,它可以工作在swagger中。

在这里输入图像描述

在……里面

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
at React Service to Call Api

import http from "../../config/http";
import endPoints from "../endPoints";

const writingRequestUrl = endPoints.WRITING_REQUEST_ENDPOINT;

export default {
  postwritingRequest(writingRequest) {
    return http
      .post(
        writingRequestUrl,
        writingRequest
          , {
          headers: {
            'enctype': 'multipart/form-data',
            "Content-Type": "multipart/form-data"
          },
        }
      )
      .then((res) => {
        return res;
      });
  },
};

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
In StartUp
At ASP.NET CORE
ConfigureServices

//Enable CROS To allow access to the resource
            services.AddCors(o => o.AddPolicy("MyPolicy", builder =>
            {
                builder.AllowAnyOrigin()
                       .AllowAnyHeader()
                       .AllowAnyMethod();
            }));

 

In Configure

app.UseCors("MyPolicy");

EN

回答 1

Stack Overflow用户

发布于 2020-09-24 01:09:11

CORS与react无关,当客户端运行在与服务器不同的域时,浏览器会阻止调用。在生产中,这通常不是一个问题,因为两者通常都运行在同一个域上。

如果您想在开发中避免CORS,附带了一个代理服务器,它将CORS头附加到所有请求中,如文档中所述。

只需将URL添加到package.json中,如下所示:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
"proxy": "www.url-to-your-api.com"

然后,确保对绝对链接运行来自您的react应用程序的所有请求,因此,与其调用www.url-to-your-api.com/api/,不如简单地使用/api/,这将在开发中使用代理,在生产中使用常规路径。

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

https://stackoverflow.com/questions/64042792

复制
相关文章
malloc(0)时程序会返回什么?
这个问题看起来十分刁钻,不过稍有常识的人都知道,制定 C 标准的那帮语言律师也不是吃白饭的,对这种奇奇怪怪的问题一定会有定义。翻阅C17 标准 草案 N2176,在 7.22.3 节里,有如下说法:
嵌入式与Linux那些事
2021/10/14
1.5K0
Python 函数为什么会默认返回 None?
Python 有一项默认的做法,很多编程语言都没有——它的所有函数都会有一个返回值,不管你有没有写 return 语句。
Python猫
2020/08/18
2.2K0
无返回路径的文件上传
访问靶场一看,只有一个上传页面,而且可以直接上传马,但是没有返回路径,上传正常图片也不会又路径,这就很坑了。
字节脉搏实验室
2020/09/08
4K0
无返回路径的文件上传
smartupLoad实现文件上传(最全) 包会
1.将jar包添加到项目中:smartupload.jar 2.准备上传的页面 <form action="toUpload" method="post" enctype="multipart/form-data" > 书名 :<input type="text" name="bookName"/><br> 图片 :<input type="file" name=" 自定义名称 "/><br> <input type="submit" value=" 提交 "/>
CaesarChang张旭
2021/01/26
7630
smartupLoad实现文件上传(最全) 包会
上传文件时出现跨域问题
所以啊,这根本不是跨域的问题,Tomcat默认上传的文件大小就是1MB,你上传的文件超过而已。
乐心湖
2020/07/31
3.6K0
上传文件时出现跨域问题
为什么1000 == 1000返回为False,而100 == 100会返回为True?
这是我们今天要讨论的话题,因为我觉得它非常的有趣。 如果你运行如下代码: Integer a = 1000, b = 1000; System.out.println(a == b);//1 Integer c = 100, d = 100; System.out.println(c == d);//2 你会得到以下运行结果: false true 我们知道,如果两个引用指向同一个对象,那么==就成立;反之,如果两个引用指向的不是同一个对象,那么==就不成立,即便两个引用的内容是一样的。因此,结果
顶级程序员
2018/04/26
1.7K0
SpringBoot解决文件上传,返回可访问路径
问题描述:SpringBoot项目中需要上传文件到当前服务器的磁盘(即物理地址),返回可访问的路径给前端。前端利用路径显示文件内容。 开发环境:SpringBoot2.0以上、JDK 1.8
全栈程序员站长
2022/08/15
1.7K0
form 为什么上传文件enctype现场
  FORM要素enctype属性指定表单数据server当提交所使用的编码类型,默认默认值它是“application/x-www-form-urlencoded”。
全栈程序员站长
2022/01/12
5800
为什么做PPC时,跳出率会很高?
在我们做PPC竞价排名的时候,偶尔会遇到这样一种情况,那就是目标着陆页,出现较高的跳出率,但我们非常明确PPC可是真金白银,花钱投放出来的广告,理论上,所带来的流量,应该是特别精准的,并且有一定的页面停留时间与站内询盘。
蝙蝠侠IT
2021/05/08
5180
为什么做PPC时,跳出率会很高?
使用Kindeditor的多文件(图片)上传时出现上传失败的解决办法/使用Flash上传多文件(图片)上传时上传失败的解决办法
近来用户反映希望我们把在线编辑器中的多图片上传功能实现,因为他们在编辑商品描述时经常会有一次上传多张图片的需求,如果要逐张选择的话效率很低,客户的需求就是我们的追求,很快我们就把完善功能排到了日程表中,要求尽快实现。
风柏杨4711
2021/03/15
3.5K0
php curl上传文件时为文件设置mime_type
最近在通过php发送文件时发现对方无法获取到文件的正确格式,因为mime_type输出为:
高久峰
2023/06/03
5750
大文件上传时如何做到秒传?
文件上传是一个老生常谈的话题了,在文件相对比较小的情况下,可以直接把文件转化为字节流上传到服务器,但在文件比较大的情况下,用普通的方式进行上传,这可不是一个好的办法,毕竟很少有人会忍受,当文件上传到一半中断后,继续上传却只能重头开始上传,这种让人不爽的体验。那有没有比较好的上传体验呢,答案有的,就是下边要介绍的几种上传方式
二哥聊运营工具
2022/07/11
9890
大文件上传时如何做到秒传?
Ajax文件上传时:Formdata、File、Blob的关系
“Formdata”接口提供了一种表示表单数据的键值对 key/value 的构造方式,并且可以轻松的将数据通过XMLHttpRequest.send() 方法发送出去。
房东的狗丶
2023/02/17
3.2K0
SpringMVC返回JSON数据以及文件上传、过滤静态资源
在如今前后端分离的趋势下,后端基本不需要再去关心前端页面的事情,只需要把数据处理好并通过相应的接口返回数据给前端即可。在SpringMVC中,我们可以通过@ResponseBody注解来返回JSON数据或者是XML数据。
端碗吹水
2020/09/23
1.4K0
SpringMVC返回JSON数据以及文件上传、过滤静态资源
为什么你会觉得编程、写作、解题时毫无头绪
视频内容 附录 知识量相同的两个人,会因为思维方式,造成解决问题能力落在两个不同等级上。 在学习运动类知识往往要直接关注输入和输出,但在应用思考类知识时却相反。 不要认为人类多么智能,我们的能力不是凭空产生的,拥有很多缺陷,需善用。 预告 《学习观》01:从没有人告诉过我们什么是学习 《学习观》02:华罗庚的“先把书读厚,再把书读薄”是什么意思 《学习观》03:其实你早就学会了“英语” 《学习观》05:如何正确的利用思维导图学习
YJango
2018/10/21
7060
为什么你会觉得编程、写作、解题时毫无头绪
页面切换时为什么会自动跳到recyclerView的位置?
页面切换时RecyclerView获得了焦点,RecyclerView的 focusableOnTouchMode属性默认是true,所以页面切换时RecyclerView自动获得焦点就滚动到头部。抢焦点的问题。
yechaoa
2022/06/10
6120
有意思,使用FtpClient上传文件,上传后的文件总是会莫名奇妙的变大
代码主要是从手机上选择照片上传到服务端,具体实现逻辑中,服务端会先将上传请求中的文件数据放到服务端机器的缓存目录,然后再从缓存目录挪到另外一台FTP服务其中。
LeoXu
2018/08/15
1.7K0
有意思,使用FtpClient上传文件,上传后的文件总是会莫名奇妙的变大
奇怪的Java题:为什么128 == 128返回为false,而127 == 127会返回为true?
奇怪的Java题:为什么128 == 128返回为false,而127 == 127会返回为true? 在回答这个问题之前,我们先来看看int和Integer的对比,一步步揭开问题的答案。 1. i
互扯程序
2019/06/19
2.3K0
Vue上传文件_vue 上传文件
通过FormData()方法来上传到后端,使用的是BootStrapVue文件选择组件
全栈程序员站长
2022/09/22
6.7K0
NOW()会返回时区信息
执行NOW()函数获取当前时间时,可以获得日期和服务器所在的时区。很多服务器运行在UTC/GMT,如果用户也使用UTC/TMT,一切都会正常,但是一旦出现时区不匹配(无论是用户程序还是数据库服务或者其他方面),就会出错。因此需要指定。
yzsDBA
2021/01/05
1K0

相似问题

上传文件时CORS失败

22

CORS PHP文件上传

119

当我有CORS头时,为什么这个put请求会导致cors错误?

16

为什么我上传更大的文件时有CORS错误?

12

尝试上传文件时,获取已被CORS策略阻止

462
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文