Heroku 服务器上的 CORS 策略问题

如何解决Heroku 服务器上的 CORS 策略问题

我制作了一个客户端-服务器应用程序。 后端使用 Node、Express 和 MongoDB Atlas。

我已经安装了 CORS 并将其用作中间件，例如：

2021-01-11

然后我将它部署到 heroku，它返回了一个端点；喜欢：https://express-server.herokuapp.com

我在基于 React 的客户端中使用了该端点。

我使用 axios 向服务器发出请求，例如：

const cors = require('cors')

app.use(cors())

这是发生错误的地方。每次我提出请求时，控制台中都会弹出以下响应。

有什么办法解决这个问题？？？？

解决方法

您必须在您的服务器中定义应接受的原始请求

假设您的本地主机在端口 3000 上运行。试试这个代码

app.use(
    cors({
        origin: "http://localhost:3000",credentials: true,})
);

注意：credentials true 设置为仅通过 HTTP cookie

,

添加到 main.ts

app.enableCors({
    origin: true,methods: 'GET,HEAD,PUT,PATCH,POST,DELETE,OPTIONS',});

,

您需要支持 CORS preflight 请求才能对 json 数据进行 POST 操作。请参阅：Why is there no preflight in CORS for POST requests with standard content-type 这意味着处理 http 选项。

在你的快递应用中，在其他路线之前，类似这样的事情。

<svg version='1.1' xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='6 39 140 140'>
<defs>
<path id='shade-notdef' d='M735 -159C749 -159 760 -155 766 -149L896 -41C905 -33 910 -22 910 -4V724C910 756 896 770 864 770H136C122 770 111 767 104 761L-25 652C-34 644 -39 633 -39 615V-113C-39 -145 -25 -159 7 -159ZM711 591V20H160V591Z' />
<path id='shade-46' d='M131 -119C145 -119 156 -115 162 -109L292 -1C301 7 306 18 306 36V114H341C355 114 366 118 372 124L502 232C511 240 516 251 516 269V389C516 421 502 435 471 435L583 528C592 536 597 547 597 565V684C597 716 583 730 551 730H105C91 730 80 727 73 721L-56 612C-65 604 -70 593 -70 575V-73C-70 -105 -56 -119 -24 -119Z' />
<path id='outline-notdef' d='M864 -30C882 -30 890 -22 890 -4V724C890 742 882 750 864 750H136C118 750 110 742 110 724V-4C110 -22 118 -30 136 -30ZM860 720V0H140V720Z' />
<path id='outline-46' d='M105 -10H260C292 -10 306 4 306 36V223H470C502 223 516 237 516 269V389C516 421 502 435 470 435H306V519H551C583 519 597 533 597 565V684C597 716 583 730 551 730H105C73 730 59 716 59 684V36C59 4 73 -10 105 -10Z' />
<path id='regular-notdef' d='M900 -4V724C900 749 889 760 864 760H136C111 760 100 749 100 724V-4C100 -29 111 -40 136 -40H864C889 -40 900 -29 900 -4ZM850 10H150V710H850Z' />
<path id='regular-46' d='M260 0C285 0 296 11 296 36V233H470C495 233 506 244 506 269V389C506 414 495 425 470 425H296V529H551C576 529 587 540 587 565V684C587 709 576 720 551 720H105C80 720 69 709 69 684V36C69 11 80 0 105 0Z' />
<path id='inline-notdef' d='M120 -20H880V740H120ZM870 -10H130V730H870Z' />
<path id='inline-46' d='M178 90H188V324H416V334H188V620H497V630H178Z' />
</defs>
<rect x='6' y='39' width='140' height='140' rx='10' ry='10' style='stroke:none;fill:#bfbfbf' />
<!-- Text: F (1 bytes) -->
<!-- F -->
<use transform='translate(37.76 150.08) scale(0.144 -0.144)' xlink:href='#shade-46' style='stroke:none;fill:#d74332' />
<!-- F -->
<use transform='translate(37.76 150.08) scale(0.144 -0.144)' xlink:href='#outline-46' style='stroke:none;fill:#d74332' />
<!-- F -->
<use transform='translate(37.76 150.08) scale(0.144 -0.144)' xlink:href='#regular-46' style='stroke:none;fill:#000000' />
<!-- F -->
<use transform='translate(37.76 150.08) scale(0.144 -0.144)' xlink:href='#inline-46' style='stroke:none;fill:#d74332' />
</svg>