frbet - cors

2539 ワード
Research project frbet テキストリンク
cors(Access-Control-Allow-Origin)異なるドメイン間の通信の約定

アクセス
コントロール
許可する
起源-起源...?
なぜ突然祈りという言葉が…?
ここでいうOriginは프로토콜 + 주소 + 포트번호です.
Origin=[プロトコル]:/[ホストのIPアドレスまたはURL]:[ポート番号]
あ~では、異なるソースからのデータの読み取りや書き込みを制御したり許可したりする行為やアクセス~なるほど~
つまり、他のドメインからデータをインポートまたは送信する場合は、CROSポリシーを遵守し、접근을 허용を要求します.
現在、ローカル開発では他のアドレスは同じですが、ポート番号の設定が異なり、クライアントとサーバの間で共有されるためcorsポリシーが必要です.

解決方法1

app.get('/', (req,res) => {
  res.header("Access-Control-Allow-Origin", "*");
  ...
}
特定のルートでのみ許可したい場合は

解決策2

// app.ts
const corsOptions = {
  origin: 'http://localhost:3000',
  credentials: true, 
};
app.use(cors(corsOptions))
corsをミドルウェアに設定します.特定のurlでcorsポリシーを許可したい場合は、上記のようにオプションを個別に設定できます.
オブジェクト向けについて説明しましょう
N印(2741)