将Front to firebae部署回heroku后出现CORS策略错误
将Front to Firebase部署回Heroku后出现CORS策略错误是由于跨域资源共享（CORS）策略导致的。CORS是一种安全机制，用于限制在浏览器中运行的Web应用程序从不同源（域、协议或端口）请求资源的能力。当前端应用程序在Heroku上部署并尝试从Firebase请求数据时，由于域名不同，浏览器会阻止该请求，从而导致CORS策略错误。
要解决这个问题，可以采取以下几种方法：
- 在后端服务器上设置CORS头：在Heroku部署的后端服务器代码中，可以设置响应头来允许特定域名的请求。具体而言，可以在响应中添加以下头信息：
- 在后端服务器上设置CORS头：在Heroku部署的后端服务器代码中，可以设置响应头来允许特定域名的请求。具体而言，可以在响应中添加以下头信息：
- 这将允许来自指定域名的请求通过CORS策略。
- 使用代理服务器：在Heroku上部署一个代理服务器，该服务器将前端请求转发到Firebase，并在响应中添加CORS头。这样，前端应用程序将与代理服务器通信，而不是直接与Firebase通信，从而避免CORS策略错误。你可以使用Node.js的Express框架来创建代理服务器。
- 使用Firebase的云函数：将前端请求发送到Heroku上的云函数，然后在云函数中使用Firebase Admin SDK来处理请求并返回响应。由于云函数是在Firebase的服务器上执行的，因此不会受到CORS策略的限制。
无论采用哪种方法，都需要确保在Heroku上部署的后端服务器或代理服务器中正确配置CORS头，以允许来自前端应用程序的请求通过。另外，还需要确保前端应用程序的域名与CORS头中指定的域名一致。
腾讯云相关产品和产品介绍链接地址：
- 云服务器（CVM）：提供可扩展的计算容量，支持多种操作系统，适用于各种应用场景。详情请参考：https://cloud.tencent.com/product/cvm
- 云函数（SCF）：无需管理服务器即可运行代码的事件驱动计算服务，可与其他腾讯云产品集成。详情请参考：https://cloud.tencent.com/product/scf
- 云数据库 MySQL 版（CMYSQL）：高性能、可扩展的关系型数据库服务，提供自动备份、容灾、监控等功能。详情请参考：https://cloud.tencent.com/product/cmysql
- 人工智能平台（AI Lab）：提供丰富的人工智能开发工具和服务，包括图像识别、语音识别、自然语言处理等。详情请参考：https://cloud.tencent.com/product/ailab
- 云存储（COS）：安全可靠的对象存储服务，适用于存储和处理各种类型的文件和数据。详情请参考：https://cloud.tencent.com/product/cos
相关·内容
1回答
将Front to firebae部署回heroku后出现CORS策略错误
reactjs、express、deployment、cors、mern
我们正在尝试我和我的朋友部署一个在本地完全有效的项目。但现在我们部署了它(前台到后台的firebase )，现在我们收到的每个请求都有cors策略app.use(cors());
var allowCrossDomain = function (req
浏览 3提问于2021-02-20得票数 0
1回答
Heroku部署问题零到掌握最终项目“智能-大脑”
node.js、postgresql、express、heroku、deployment
因此，我将完成一个部署在heroku中并通过github进行自动部署的完整堆栈项目。前端运行良好，但在注册用户时，我在heroku和Chrome开发工具上都收到了错误。后端在本地运行良好，但是在部署之后，我现在收到了一个“应用程序错误”页面。在铬上，它会弹出：
从源“”获取“”的访问已被CORS策略阻止:对飞行前请求的响应不通过访问控制检查:请求资源上不存在“访问控制-允许-原产地”报头。如果不透明响应满足您的需要，
浏览 2提问于2020-08-03得票数 0
1回答
在Heroku中部署react使用Node/Express后端和MySQL实现netlify后CORS错误
javascript、node.js、heroku、cors、response-headers
在部署之前，应用程序在本地主机上执行得很好。但是，由于我将前端部署到Netlify，将后端(节点/express+ mysql)部署到Heroku，从前端发送的所有请求都开始被CORS策略阻塞，并带有错误消息：const cors = requ
浏览 1提问于2022-04-21得票数 2
1回答
在nodejs API部署后缺少“Acces-Control-API原产地”标头
node.js、express、cors、ovh、clever-cloud
当我尝试从前端登录时，我收到了以下错误：
CORS策略阻止从“”从“”到“”对XMLHttpRequest的访问:对飞行前请求的响应不通过访问控制检查:请求的资源上不存在“访问控制-允许-原产地”报头。当我在本地运行API时，就会出现“访问控制-允许-原产地”标题(我使用Postman检查它)，并且错误并不存在。但是，当我部署API时，每个请求中都没有相同的标头，并且我得到了上面的错误消息。我尝试过在OVH网络云和智能云上部署它，因为我在这两个服务上都
浏览 10提问于2022-01-07得票数 0
2回答
如何使回滚提交heroku？
ruby-on-rails、git、heroku
我在heroku上发布了我的新版本。但那是个糟糕的释放。我得到了一个错误The page you were looking for doesn't exist.，我尝试了heroku rollback，但是错误并没有消失。我想回到以前在Heroku上提交的内容，但不想在git上触及提交。
浏览 7提问于2019-12-09得票数 0
回答已采纳
9回答
Heroku在尝试打开我的web应用程序时给我一个503，在本地主机上工作。
node.js、express、heroku
我试图部署到heroku，但得到503，即使它运行在本地主机。我很好奇我的服务器是否设置正确，因为我对编程比较新。我不确定我的侦听器是否适用于heroku，而且我的.get在初始设置时用于在本地主机上进行调试。
浏览 26提问于2017-04-24得票数 26
回答已采纳
1回答
部署时修改文件结构的代码问题
node.js、express、deployment
logic that parses the json file console.error(err);})();
我计划将解析的我担心这些操作在部署这个项目时会产生许多后果。这是我第一次部署一个完整的堆栈应用程序，我几乎肯定，如果代码扰乱了整个项目的文件结构，就会引起一些问题。但我不知道我到底该担心什么，以及如何应对。我相信CORS会有问题，但我更担心的是应用程序的正确工作和更新。整个应用程序都是使用MERN堆栈进行的。
浏览 2提问于2020-07-06得票数 0
回答已采纳
3回答
我收到错误。我知道您通常会收到这个错误，因为数据库没有正确迁移。换句话说，它在我的本地环境中工作。但在部署到heroku后，它不起作用。我在heroku中安装
浏览 2提问于2018-01-04得票数 3
1回答
git推送heroku主错误，致命存储库
git、heroku
使用命令将django web应用程序部署到heroku时出错以下是在输入该命令后出现的错误： remote: !fatal: repository 'https://git.heroku.com/vast-spire-40247.git
浏览 3提问于2017-08-25得票数 0
回答已采纳
12回答
CORS策略和.NET核心3.1的问题
angular、.net-core、cors
我不知道我缺少了什么，但似乎无法让我的CORS策略与.NET核心3.1和角8客户端一起工作。对于额外的上下文，应用程序在使用CLI运行API和fine应用程序时完全正常--我只是在将它们都部署到web服务器之后才出现这个问题。我通常会期望这只返回一个500，我会在10秒内意识到这个问题，但是CORS的错误配置意味着500实际上从未被返回，因为CORS中间件首先失败了。，这是非常令人沮丧的说，绝对至少！。不过，我想在这里补充一点，以防别人发现自己处于这种情况下，因为我在“
浏览 0提问于2019-12-13得票数 47
回答已采纳
1回答
Node.js cors起源于部署在heroku上的应用程序
node.js、heroku、http-status-code-503
我已经在heroku上部署了我的node.js应用程序，现在我试图从本地主机:3000连接到这个应用程序，但是我得到了以下错误：import cors from 'cors';
const port = process.env.PORT ||
浏览 20提问于2022-07-28得票数 1
回答已采纳
1回答
Heroku Django postgres迁移合并: psycopg2.errors.DuplicateTable:关系已经存在
django、postgresql、heroku、database-migration、django-migrations
在开发期间对两个不同分支进行测试时，在不同的时间将不同的冲突迁移文件部署到Heroku服务器。因此，已经存在特定的表，因此在应用更新的合并迁移文件的部署时，会出现以下错误：当发生冲突的迁移时，()Rolled将应用程序回滚到之前，并将其运行回()，
浏览 2提问于2022-05-23得票数 0
2回答
由于cors策略问题，Axios和Vue不会对我的服务器进行api调用
express、vue.js、cors、axios
我在我的快递(节点)服务器上安装了cors，如下所示：server.use(cors());axios.defaulttargetURL: "https://www.joinvurchase.com/email-verified/", })has been blocked by
浏览 1提问于2019-01-01得票数 1
回答已采纳
1回答
HttpOnly cookie出现在响应头中，但未保存到浏览器中。
express、cookies、next.js
前端部署在vercel上，后端部署在heroku上。当用户登录到应用程序时，后端生成一个jwt令牌，然后通过HttpOnly cookie发送回前端。但是，当我将前端部署到vercel并将后端部署到heroku时，浏览器只是拒绝保存cookie！发送身份验证请求后，jwt令牌将出现在响应头中，但不会保存到浏览器中。我非常肯定后端配置了cors，同时还配置了cookie解析器模块：
const cors</em
浏览 3提问于2022-01-03得票数 0
回答已采纳
1回答
获取错误=> ModuleNotFoundError:当我尝试将我的django应用程序部署到heroku时，没有名为'django‘的模块
python、django、web、heroku、deployment
当我尝试将我的django应用程序部署到heroku时，部署将失败，并显示以下错误消息asgiref==3.3.4Django==3.2.3django-on-heroku/n
浏览 20提问于2021-05-23得票数 0
回答已采纳
2回答
Google回调url在heroku部署时返回400
node.js、heroku、passport.js、mean-stack、google-oauth
我用MEAN开发了一个应用程序，并使用passportjs的google策略进行身份验证。本地运行运行良好，但当我将其部署到heroku时，因为Heroku在一个随机端口上运行其应用程序。我不知道我需要在我的google控制台的“授权重定向URI”中添加什么google回调url。如果我将添加到授权的重定向URI中，本地主机部分可以正常工作。但是，当我试图对heroku应用程序执行相同的操作时，我会得到一个带有错误的400个服务器错误
浏览 2提问于2017-03-21得票数 3
回答已采纳
1回答
部署安全回滚产生应用程序错误
heroku、parse-platform、heroku-toolbelt
我目前在部署到heroku时遇到了一个问题，我正在与heroku一起使用parse，直到现在一切都很好。我试图将sendgrid集成到我的应用程序中，但当我使用sendgrid部署构建时，我在尝试访问应用程序服务器url时遇到了应用程序错误，所以我决定现在退出sendgrid。在回滚到安全版本后，我可以输入应用程序服务器的url，应用程序工作正常，但当下载相同的git版本并尝试部署相同的未修改的git时，我在尝试访问应用程序服务器时遇
浏览 0提问于2016-03-17得票数 1
1回答
API网关CORS:如何使路径和身体进入AWS Lambda？
aws-lambda、cors、http-post、aws-api-gateway
我在使用API网关将路径和身体放入AWS时遇到了困难。它在禁用安全性的Chrome上工作，但是一旦我将前端部署到S3，路径和身体就不会出现在发送给Lambda的事件中。这是我在本地发送的日志：这是我在启用Chrome安全性的情况下发送的日志：启用Chrome安全性后，我得到以下响应：
在启用Chr
浏览 5提问于2022-02-15得票数 -1
5回答
交叉来源资源共享(CORS)的角度或角度6。问题时，您进行跨域调用的本地主机具有不同的端口。
angular、spring-boot、cors、cross-domain、angular6
CORS策略阻止了来自“”的对的访问:对飞行前请求的响应不通过访问控制检查:它没有HTTP状态。
我的角应用程序运行在'‘端口号上:4200我的Spring应用程序运行在’‘上:端口号:8080。
浏览 2提问于2018-11-28得票数 2
回答已采纳
2回答
将约曼应用程序部署到Heroku时出错
heroku、favicon、http-status-code-503
将约曼应用程序部署到Heroku后，我得到以下错误我有一个偏袒图标图像，一切运行良好的地方，并出现了偏袒图标图像。我不知道如何修复这个错误，也不知道为什么会首先导致这个错误。我使用以下命令将其推送给Heroku：git提交-am“仍然卡住”
git推heroku大师
浏览 1提问于2016-05-25得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
