公共API在create-react-app中调用axios时出现CORS错误，但在Chrome和Postman中一切正常
问题描述：在create-react-app中调用axios时出现CORS错误，但在Chrome和Postman中一切正常。
解决方案： CORS（跨源资源共享）错误通常发生在前端应用程序从不同域名或端口请求数据时。这是一种浏览器的安全机制，用于防止恶意脚本跨域访问用户的敏感数据。下面是解决该问题的几种方法：
- 后端配置允许跨域请求：
在后端服务器上进行配置，允许来自前端应用程序域名的跨域请求。具体的配置方法取决于你使用的后端语言和框架。以下是一些常用后端语言/框架的示例：
- Node.js（Express框架）：
在Express应用程序中，你可以使用
cors中间件来处理跨域请求。安装cors模块，然后在后端代码中使用它： - Node.js（Express框架）：
在Express应用程序中，你可以使用
cors中间件来处理跨域请求。安装cors模块，然后在后端代码中使用它： - Java（Spring框架）：
在Spring Boot应用程序中，你可以使用
@CrossOrigin注解来处理跨域请求。在你的控制器方法上添加@CrossOrigin注解： - Java（Spring框架）：
在Spring Boot应用程序中，你可以使用
@CrossOrigin注解来处理跨域请求。在你的控制器方法上添加@CrossOrigin注解： - 其他后端语言/框架： 请参考相应的文档或搜索了解如何在你的后端语言/框架中配置允许跨域请求。
- Node.js（Express框架）：
在Express应用程序中，你可以使用
- 使用反向代理： 在生产环境中，你可以设置一个反向代理服务器来代理前端应用程序和后端API之间的请求。通过将API请求转发给同一域名或端口，可以解决CORS错误。常用的反向代理服务器包括Nginx和Apache。
- JSONP（仅适用于GET请求）：
如果你的后端API支持JSONP，你可以使用JSONP来避免CORS问题。JSONP通过在前端应用程序中动态创建
<script>标签来获取数据，并将响应数据包装在一个函数调用中返回。这种方法仅适用于GET请求，并且需要后端API支持JSONP。
在这个场景中，推荐的腾讯云相关产品是腾讯云API网关（API Gateway）。它是一种高性能、高可扩展性的API管理服务，可以帮助你构建和部署具备灵活性和安全性的API。你可以使用腾讯云API网关来处理跨域请求，并实现安全访问和请求转发。了解更多关于腾讯云API网关的信息，请访问以下链接：
腾讯云API网关官方产品介绍：https://cloud.tencent.com/product/apigateway
注意：以上解决方案和产品链接仅供参考，具体选择和实施方法取决于你的实际需求和技术栈。
相关·内容
请原谅我犯下的明显的错误... 我理解CORS，了解它是如何使用的，为什么使用它。但在这种情况下，我忽略了明显得令人眼花缭乱的东西。 我正在尝试访问一个公开可用的API，它应该工作得很好(我得到了保证) 如果我在Chrome或Postman中找到了端点，一切都会正常工作:返回一个非常棒的JSON。 当我试图从我的create-react-app的componentDidMount中使用axios执行相同的操作时，我得到了一个CORS错误，特别是 Access to XMLHttpRequest at 'http://some-interesting-url/sub-url?blabl
浏览 94提问于2019-05-28得票数 1
我有一个RESTIFY在Raspberry pi上运行。IP在192.168.1.12是静态的。我还想从create-react-app上运行一个web服务器，我可以访问它来获取api中的信息。
RESTify - 192.168.1.12:8080
创建-反应-应用程序: 192.168.1.12:3000
create-react-app
axios.get(`http://localhost:8080/ping`).then(
(response) => {
console.log(`response received!`);
}
)
浏览 16提问于2019-10-03得票数 0
我有一个问题，我的API laravel在我的reactjs上运行时不能工作。当我检查时，我得到了失败的响应数据。但是，它在邮递员中工作得很好。这是我的代码 这是在reactjs中的：This code in ReactJs 这是在laravel API中的：this code in laravel API 我使用axios从我的API获取响应，并且我已经在我的Laravel中设置了cors，只有一个函数无法获得响应。 下面是回应： response in postman response in console log react when use chrome response in ne
浏览 13提问于2020-04-26得票数 0
我正在尝试使用Laravel (5.4) API发送(PUT)数据到我的后端。在Chrome、Firefox和Postman上一切正常，但在Safari和Internet Explorer上就不行了(11)。我在Vue组件中使用Axios来处理请求：
axios.put(url, params)
.then((resp) => {
this.getScheduleFromDB();
this.notice = this.generic.preferencesaved;
setTimeout(() => {
浏览 2提问于2018-08-20得票数 1
2回答
我正在用create-react-app构建一个应用程序。我让本地Apache服务器在端口80上运行，以执行我的后端API PHP脚本。
我已经在我的package.json中添加了"proxy": "http://localhost:80"，但是在这个axios请求中：
getAllCategories = () => {
const url = process.env.PUBLIC_URL+`/api/api/categories/categories.php`;
axios.get(url)
.then(r
浏览 0提问于2019-07-28得票数 1
我正在从React调用Flask API (两者都在本地主机上运行)，我遇到了CORS问题。发出请求时，浏览器(Chrome)会显示以下错误
Access to XMLHttpRequest at 'http://localhost:5000/sas' from origin 'http://localhost:3000' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: Redirect is not all
浏览 12提问于2020-03-05得票数 1
1回答
我的前端和后端都在不同的域中。我正在尝试向Axios发出一个put请求，以便使用express-session对用户进行身份验证。调用运行良好，但是服务器似乎没有在响应的头文件中设置cookie。下面是我的代码： 这是前端的代码： Axios.post('/users/authenticate', {
//DATA
}, {withCredentials: true})
.then((response) => {
console.log(response);
})
浏览 21提问于2021-09-18得票数 0
1回答
我已经开发了一个带有.net核心的亚马逊网络服务函数，它已经被部署到亚马逊网络服务上，我可以从Postman调用它，看起来一切正常，但当我尝试从带有Axios库的react应用程序调用它时，我得到了这个错误：
(索引)：1从源'‘对'’的XMLHttpRequest访问已被CORS策略阻止:对印前检查请求的响应未通过访问控制检查:它没有HTTP ok状态。
下面是调用API的代码：
const response: Response = await axios.get(url,{
headers:{
"content-type": &#
浏览 13提问于2019-10-22得票数 0
正如标题所说，我正在尝试配置一个运行node js的本地rest api服务器，同时我还有一个使用axios的vue项目。我浏览了整个互联网，尝试了所有服务器/客户端配置、服务器标头设置、cors包、axios标头配置，但在控制台中仍然存在cors策略错误。postman的工作方式是调用localhost:3000/ dont，但浏览器中的axios不能。每个人能指出一些有效的修复方法吗？
以下是我的实际节点配置：
<code>A0</code>
谢谢!
编辑:我忘了说，很明显，vue项目在localhost上运行:8080或8081 (取决于我是否有更多的项目在运行)
浏览 11提问于2020-11-15得票数 0
回答已采纳
我有一个带有react前端和django后端的web应用程序。部分后端API被cors策略封堵，部分未被封堵。例如，用于获取博客帖子const res = await axios.get(`${process.env.REACT_APP_API_URL}/blog/posts`)的API正在返回数据，但是用于单个帖子const res = await axios.get(`${process.env.REACT_APP_API_URL}/blog/${slug}`);的API被阻塞。注册和登录API也被阻止。我已经将域名添加到settings.py中允许的url列表中，但这并没有解决问题。我
浏览 179提问于2021-10-23得票数 0
我现在正在将我的react应用程序与mysql连接起来。
我尝试了代理(在package.json中)，app.use( Cors ())也用谷歌chrome扩展来捕捉这个cors问题，但是我做不到，我需要你的帮助。
误差MSG
Access to XMLHttpRequest at 'localhost:4000/api/test'
from origin 'http://localhost:3000' has been blocked
by CORS policy: Cross origin requests are only supported
for
浏览 3提问于2021-06-20得票数 0
回答已采纳
我正在使用axios从JSON服务器请求数据。虽然我可以看到JSON服务器正在使用Postman返回X-Total-Count标头，但axios看不到该标头。我使用的是http协议，所以CORS应该不是问题。我遗漏了什么？ 下面是对json-server的调用： const resp = await axios.get('/orders?_start=0&_end=100');
const orderCount = resp.headers['X-Total-Count']; 这是接收到的头文件(在Chrome Devtools中捕获)。请注意，缺少X
浏览 43提问于2021-01-09得票数 0
回答已采纳
我正在尝试通过axios在VS代码中发布一个项目到我的DynamoDB表中。我可以通过Postman成功地发布一个项目，但是当我尝试使用axios发布一个项目时，我得到了一个404响应错误(如下所示)。
我在想，当我试图通过axios发布一个项目时，我是否遗漏了什么(如下)。
axios({
'method': 'post',
'url': 'https://na9blqj5y5.execute-api.us-east-1.amazonaws.com/test',
'Content-Typ
浏览 1提问于2021-11-11得票数 1
我使用Django- CORS -headers设置了cors策略，设置如下：
APPEND_SLASH=False
CORS_ORIGIN_ALLOW_ALL = True
CORS_ALLOW_CREDENTIALS = True
CORS_ORIGIN_WHITELIST = (
'localhost:8000',
'localhost:3000',
'localhost'
)
我还将其添加到installed_apps和中间件中。
现在，我正在为前端制作一个React应用程序，并为我的API请求使用AXIOS。当我
浏览 1提问于2019-03-11得票数 2
回答已采纳
我正在运行一个微服务(使用nginx、node.js、express、cors、https)。然后我通过web前端(使用vue.js和axios)向这个微服务发送post请求，这会给我错误！
当使用像Insomnia或Postman这样的工具时，一切正常，当在前端使用Google Chrome时，我在Inspect -> Network -> Status中得到以下错误：
(failed) net::ERR_CERT_AUTHORITY_INVALID
我已经使用SAN和适当的域名和IP生成了OpenSSL证书，但它不能在Google Chrome上工作：
openssl req
浏览 7提问于2019-05-28得票数 0
我正在尝试从一个带有axios的Vue.js应用程序对NET CORE 5服务(托管在IIS10上)发出POST请求。 当我用POSTMAN测试这项服务时，它工作得很好，但在Axios上，我总是收到来自服务器的405。 使用fiddler分析请求看起来非常不同。在axios请求中，缺少content-type头，方法是OPTIONS而不是POST。 这是邮递员的请求： POST https://localhost/apiluxor/api/SignIn HTTP/1.1
Content-Type: application/json
User-Agent: PostmanRuntime/7.2
浏览 98提问于2021-10-27得票数 0
回答已采纳
我有一个将表单数据发送到AWS API Gateway的react客户端应用程序。当我使用Postman测试API时，一切正常，但当我在react中使用Axios时，控制台中显示一个错误： Access to XMLHttpRequest at 'https://execute-api.eu-west-3.amazonaws.com' from origin 'http://localhost:3001' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' head
浏览 11提问于2021-06-27得票数 4
我一直收到错误代码403 (禁止(CSRF cookie未设置。)：/api/)，即使在对这类问题进行了一些响应之后也是如此。
这是我的代码：
JS
import axios from 'axios';
axios.defaults.xsrfHeaderName = 'X-CSRFTOKEN';
axios.defaults.xsrfCookieName = 'csrftoken';
class App extends Component {
postHandler = (event) => {
event.pr
浏览 22提问于2020-05-12得票数 0
回答已采纳
1回答
我试图用react与api进行通信。我得到了一个cors错误，所以我创建了一个代理api。我仍然得到一个403错误，但这次是不同的。我搞错了。当我在浏览器中打开url时，以及在postman中提出请求时，我都会得到数据，但不是通过节点js。
const express = require('express');
const cors = require("cors");
const axios = require('axios');
const app = express();
const port = process.env.PORT || 8
浏览 2提问于2022-04-07得票数 1
我试图从山羊网站获取数据，但我有一个问题: get请求在POSTMAN和Chrome中成功，但在axios中失败。(‘错误代码: 1020')。所以我想这是因为Cloudflare，但是我想知道为什么它能在邮递员身上工作，以及我如何用axios来实现它。URL：
'https://www.goat.com/web-api/v1/product_variants/buy_bar_data?productTemplateId=815559'
我的代码(从邮递员代码片段中复制)：
var axios = require('axios');
var confi
浏览 12提问于2022-06-01得票数 1
我正在尝试向本地的.NET Core Web API发出POST和GET请求。今天我第一次了解到CORS问题，我可以通过简单地安装名为"Allow-Control-Allow-Origin：*“的Google Chrome扩展来获取请求。
但是，由于CORS策略的原因，我的POST请求每次都会失败。这太烦人了，我找不到一个简单可靠的变通办法。我没有考虑过让CORS在每个浏览器上都能工作。即使我能让它在Google Chrome中单独工作，也是一个救命稻草。
我环顾四周，发现还没有适合我的流线型解决方案。
在我的React应用程序中，对Web API的调用如下所示。
axios.post
浏览 0提问于2019-06-17得票数 0
我有一个托管在heroku上的REST API。它由Express、NodeJS和MongoDB(mongoose as orm和MongoDB地图集)组成。我正在使用MERN堆栈。Begginer在这里
接口链接：
该API与Postman和VS code的API插件配合使用效果很好。它在本地主机上也运行得很好。
但是当我尝试使用axios进行GET/POST时，它给出了Error: "Network Error"，但是fetch()工作得很好。邮差也是。
另外，控制台中的I see cors警告：
Cross-Origin Request Blocked: The Same
浏览 1提问于2021-04-08得票数 0
我使用Koa作为api服务器，在前端使用React，使用Axios作为xhr。
当客户端以服务器端渲染的方式向api server请求时，我可以看到所有的头文件都来自node.js。当我使用PostMan进行测试时，我还看到了请求中包含的所有头文件。但是，当客户端进入CSR并执行axios请求时，我无法从api服务器的日志中看到任何标头，除了
{
accept: 'application/json',
'content-type': 'application/json',
'user-agent': 'axio
浏览 34提问于2021-05-23得票数 0
当尝试从单个页面应用程序发出POST请求时，即使路由在Postman中工作，也会收到404错误。
routes.rs
#[post("/letters", format = "application/json", data = "<new_letter>")]
fn write_letter(new_letter: Json<NewLetter>, conn: DbConn) -> Json<Value> {
Json(json!({
"status": Lette
浏览 0提问于2018-05-29得票数 1
我的React应用遇到了一些关于Access-Control-Allow-Origin的不寻常的问题。我在登录/注册系统中遇到了类似的问题，我修复了它(显然不是)。现在我在获取用户信息时遇到了问题。在同一个文件中，我有我的登录，注册我有一个函数，以获取用户信息，当我console.log它给我没有‘访问-控制-允许-来源’与请求，方法:选项，状态代码: 403禁止，我的代码如下所示。 export const getProfile = () => {
return axios
.get('api/user', {
head
浏览 28提问于2019-05-16得票数 0
我试图完成对API的axios请求，并且遇到了一个内部服务器错误- 500，我很好奇这是否仅仅是我的代码和/或我试图进行这个调用或其他什么的。尽管CORS问题似乎已经过去了，但我还是会从头开始，以防它与我当前的问题有关。
我对请求的最初尝试给了我以下CORS错误：
...from origin 'http://localhost:3000' has been blocked by CORS policy: Response to preflight
request doesn't pass access control check: It does not have H
浏览 4提问于2020-11-13得票数 0
回答已采纳
1回答
为了与CouchDB实例交互，我需要发送一个超文本传输协议“复制”请求。(非标准http请求)。 如果我使用Postman发送请求，它工作得很好。但在我的webapp中，我使用axios，使用axios发送复制请求会导致错误。(奇怪的是，CORS错误)。 我这样使用axios： axios(
{ method:'copy',
url: '....',
...
}
) 我找不到太多关于HTTP“复制”请求的信息，我想知道是不是axios甚至浏览器可能无法发送复制请求？ 任何tipp都会很棒！谢谢。 控制台： Access to XML
浏览 10提问于2020-09-09得票数 0
当使用react本机调试器时，所有请求似乎都能工作，但在http://localhost:8081/debugger-ui/尝试使用chrome调试器时，我得到：
Access to XMLHttpRequest at 'https:<my_api_url>' from origin 'http://localhost:8081' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: It does n
浏览 5提问于2022-05-05得票数 0
我正在尝试使用axios从firebase函数获取NSE选项链json数据，但是请求挂起。
NSE在firebase--本地开发服务器、邮递员、chrome等功能上运行良好，但在部署后失败，不会出现错误消息。显示请求超时的日志。
const functions = require("firebase-functions");
const admin = require('firebase-admin')
const axios = require('axios').default
admin.initializeApp(functions.con
浏览 6提问于2022-09-20得票数 0
大约在19年2月13日，我的一些代码突然崩溃了，看起来是Instagram API端点GET/users/self/media/recent上的CORS问题。2/12/19一切正常，两天后CORS问题每次都会出现。 同样的GET请求在插入Postman或Chrome浏览器时也没有问题，所以不是请求本身的一些错误导致了CORS问题。我已经尝试用其他API端点替换Instagram端点，没有任何问题。当从如下所示的localhost或网站本身发出请求时，会出现CORS问题。 Access to fetch at
'https://api.instagram.com/v1/users/
s
浏览 6提问于2019-02-17得票数 2
2回答
在Stack溢出上有几个类似的问题，而所提出的解决方案都不起作用，所以我将介绍一下这个案例和我尝试过的内容。
我有一个托管在Cloud上的服务器应用程序，它只能使用请求授权头中适当的Bearer令牌来访问。我尝试通过Postman和来自本地Nodejs服务器的Axios请求(带有授权头)访问它，它运行良好。使用React (特别是创建-react)，我得到了以下错误：Access to XMLHttpRequest at 'https://myserver-lhp5a9xp5a-ue.a.run.app/api/rules' from origin 'http://lo
浏览 5提问于2021-05-29得票数 0
回答已采纳
我试图使用axios方法来获取API。这是链接。
我的后端是带有Express的Node，而前端是React。当我在Postman和Express服务器上运行时，它运行得很好(它显示数据)。但是当我在React组件中呈现它时，它没有显示任何东西。
当我检查React组件的网络状态时，它会显示挂起。我不知道，我做错了什么，因为我没有任何错误。
这是我的快速服务器设置
const express = require("express");
const app = express();
const port = process.env.PORT || 5000;
const cors
浏览 3提问于2020-01-21得票数 1
回答已采纳
每当用户在textfield中输入任何内容时，就会向url 发出axios请求，并且它应该根据搜索(用户键入的内容)返回所有过滤的结果作为响应。但目前，它不是将过滤后的结果作为响应返回，而是提供所有结果(未经过滤的结果)。
注意:我已经通过postman通过get请求测试了上面提到的URL，并给出了过滤后的结果--通过我的应用程序代码?plz帮助-- perfectly.Why是一样的。
getAsyncDataAction: debounce(function(name) {
if (!name.length) {
this.dataAction = [];
浏览 2提问于2020-07-14得票数 0
回答已采纳
我试图从SERP API中获取数据以获取Job_Results，在postman上，我能够获取数据，但是当我尝试使用Axios获取数据时，即使在package.json中指定代理并传递适当的头部之后，也会出现CORS错误。
这是我的代码片段：
let config = {
headers: {
"Content-Type": "application/json",
"Access-Control-Allow-Origin": "*"
},
};
const d
浏览 13提问于2022-03-27得票数 -1
回答已采纳
2回答
弹簧启动/反应块CORS
、、、
我在本地主机上配置了一个带有Spring的api。我的Spring控制器应该允许CORS请求，因为我正在使用@CrossOrigin：
@RestController
@CrossOrigin
@RequestMapping("/api")
public class imageController {
@GetMapping("/images")
public List<Image> findAll(){
return imageService.findAll();
}
}
当使用Postman / cURL进
浏览 2提问于2021-03-23得票数 0
回答已采纳
2回答
我设置了一个API来访问我的后端，并实现了快速会话来对用户进行身份验证。
当使用Postman登录，然后访问受保护的GET请求时，它可以正常工作。
但是，我正在构建的React在登录后似乎不能使用会话来验证自己。
我尝试了很多我在网上找到的建议(更改CORS头，在React中使用显式cookie设置，改变我存储会话的方式，.)但似乎没有人能解决这个问题。
我将尝试包括相关的代码片段：
服务器端(REST )
会话和CORS中间件：
//Session Middleware
api.use(session({
genid: (req) => {
console.lo
浏览 0提问于2018-08-09得票数 0
回答已采纳
我正在使用Firebase模拟器在本地主机上提供Firebase函数。如果我使用Postman测试我的函数，那么所有这些都可以使用以下请求来实现：
http://localhost:5001/project-XXXX/us-central1/api/users
然后，在端口3000上启动我的Next.js应用程序，并尝试使用Axios获取如下相同的数据：
useEffect(() => {
axios
.get(
"http://localhost:5001/project-XXXX/us-central1/api/users"
浏览 6提问于2022-01-17得票数 1
回答已采纳
如果我使用Axios或Fetch向此公共端点发出ajax请求： http://api.flickr.com/services/feeds/photos_public.gne?format=json 我得到以下错误： Access to fetch at 'http://api.flickr.com/services/feeds/photos_public.gne?format=json' from origin 'http://localhost:3000' has been blocked by CORS policy: No 'Access-Con
浏览 53提问于2019-01-03得票数 1
回答已采纳
express.js
const app = express();
app.use(express.static(path.join(__dirname, 'build')));
app.use(express.static(path.join(__dirname, 'doc')));
app.use(express.json({ limit: "10mb", type: "application/json" }));
app.use(cors())
app.use('/search', proxy({
浏览 2提问于2021-03-28得票数 0
我一直试图让这段代码在不同版本中工作：( url指向美国宇航局APOD API)
try {
const rsp = await fetch(url, {
method: 'GET',
mode: 'cors',
headers: {
'Content-Type': 'application/json',
'Access-Control-Allow-Origin': '*',
'Access-Co
浏览 1提问于2022-05-28得票数 -1
1回答
所以我有一个http GET请求：http://localhost:8080/api/toptracks。
我安装了koa cors包，并将cors设置为：
app.use(cors({
origin: 'http://localhost:3000'
}));
axios调用只是一个简单的axios.get(url).then(..)
但它只在Chrome中返回，而不是在火狐中返回，网络选项卡上显示类似DNS resolution的内容，我清除了缓存。
有没有人知道如何解决这个问题？
浏览 6提问于2018-01-04得票数 0
1回答
使用Postman Pro API，我为我的收集创建了一个邮递员模拟。
我为GET /auth/jwt/login创建了一个示例响应，它返回一个示例JWT令牌。
我已经通过postman (包括x-api-key报头)成功地使用了模拟，但是当我尝试在浏览器中使用它时，将标题添加到我的请求中(使用axios)，邮递员使用{"error":{"name":"invalidCredentialsError","message":"Please provide the required `x-api-key` authentica
浏览 1提问于2017-07-12得票数 0
回答已采纳
我正在做一个Nodejs项目和pug模板。当我登录postman时，会发送Cookie，但当我使用Chrome或任何其他浏览器时，它不会显示cookie const signToken = (id) => {
return jwt.sign({ id }, process.env.JWT_SECRET, {
expiresIn: process.env.JWT_EXPIRES_IN,
})
}
const createSendToken = (user, statusCode, req, res) => {
const token = signToken(u
浏览 148提问于2021-10-07得票数 1
4回答
我试图获取在db上创建的数据，通过postman使用axios，我一直没有得到访问控制cors错误。我已经添加了"Moesif原产地& CORS转换“插件到我的铬仍然没有解决方案。我需要服务器上的cors，我也遇到了同样的问题。我不知道我做错了什么，我已经阅读并尝试过这里给出的几个解决方案。
我的客户端代码(React.JS)
import styled from "styled-components";
import { popularProducts } from "../data";
import Product from "./P
浏览 3提问于2021-11-14得票数 1
1回答
我使用的是带有NestJS前端的NextJS后端，两者都是单独托管的。
NestJS后端
我在后端启用了CORS，如下所示：
app.enableCors({ credentials: true, origin: process.env.FRONTEND_URL });
当使用检查CORS头时，一切看起来都很好。所有标头都存在，并且access-control-allow-origin标头指向前端所在的正确域。
NextJS前端
在NextJS前端，我使用Axios向后端(与上面使用的url完全相同).However发出请求，在创建请求时，Chrome中的预运行请求缺少所有CORS头。当
浏览 37提问于2022-06-30得票数 0
2回答
嘿，我试着从nodeJs API中获取一些数据。我使用react作为前端。我制作了我的节点API，我用Postman进行了测试，它工作得很好。当我使用axios从服务器获取数据时，我得到一个cors错误。 这是我从react中调用的axios： async function getMagazin(){
return (await axios.get(URL)).data;
} 这是我的node Js API： import express from 'express';
import bodyParser from 'body-parser';
im
浏览 62提问于2020-12-07得票数 1
回答已采纳
我们面临的问题如下:当使用Safari而不是Chrome作为浏览器时，我们在get api调用中收到一个401状态。我们使用的技术是React和Django Rest框架。在React中，我们也在使用axios。同样，当我们使用Chrome作为浏览器时，一切都很好(没有给出401错误，身份验证似乎也很好)，但是当我们切换到Safari时，它就不能工作了。我们还应该注意，当使用Postman进行测试时，如果我们在身份验证头中存储一个令牌，则不会给出401状态(它可以工作)。
为了尝试和解决这个问题，我们在Django后端尝试了不同类型的身份验证类，并确保CORS在我们的设置中。我们还确保遵循re
浏览 3提问于2018-05-25得票数 11
我希望你可以考虑到当前的世界，我们都生活在。请您帮助解决AWS API网关CORS问题。这是我所做的，但是我仍然得到了一个
Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at http://XXXXX.execute-api.eu-west-1.amazonaws.com/live/record?id=8. (Reason: CORS request did not succeed).
回应。我将一个AWS API请求传递给一个Lambda函数，如下所示。
r
浏览 1提问于2020-05-02得票数 0
使用vuejs3和axios，我试图向部署到的django项目发出一个API调用，并在chrome端获取一个CORS错误。不知道我在这里错过了什么..。
返回的飞行前选项响应是可以的，但是'Access-Control-Allow-Origin'头是"*“会使chrome感到不安。
我在django-cors-headers中使用django-rest框架。
django.settings：
ALLOWED_HOSTS = ["*"]
# CORS
CORS_ALLOW_ALL_ORIGINS = False # was initially
浏览 20提问于2022-08-02得票数 1
我有一个快速API服务器和单独的一个创建-反应-应用程序，没有代理。我将passport.js用于OAuth，它在MongoDB中用于反序列化用户。
在后端，我设置了cors中间件，在前端，我用服务器URL配置了axios基本URL。
在地址栏中使用postman/手动编写端点，我的API请求成功并找到了req.user。但是，如果我使用axios从前端发出API请求，则req.user是未定义的或空字符串。
我搞不懂，请帮帮我，伙计们。
middlewares.js
app.use(cors())
app.use(cookieSession({
maxAge: 30 * 2
浏览 1提问于2017-09-30得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
