node.js - nginx での CORS クロスドメイン構成に関する問題

Question

私は最近 vue プロジェクトに取り組んでおり、それを自分のクラウド サーバーに置きたいと考えていました。サーバー システムは centos 7 です。Node と nginx はインストールされています。しかし、パッケージ化されたプロジェクトを nginx プロキシ経由で渡すと、次のことがわかりました。クロスドメイン リクエストは作成できません。そこで、nginx で cors クロスドメインを構成する方法を Google と Baidu に尋ねました。多くのコードを試しましたが、役に立ちませんでした。誰かが見てくれると幸いです。

nginx.conf の構成は次のとおりです:

リーリー

サーバー内に複数の vue プロジェクトがあるため、第 2 レベルのドメイン名が設定され、2 つのサーバーが書き込まれます。最初のサーバーは私のブログで、2 番目のサーバーは vue プロジェクトです。私の設定に問題があるのでしょうか?

Answer 1

投稿者はまず CORS とは何かを理解する必要があります。最初に次の記事を読むことをお勧めします。

HTTP アクセス制御 (CORS)

Answer 2

私が書いたZhihuコラムを参照してください:

https://zhuanlan.zhihu.com/p/...

強調 - add_header は常に以下を追加する必要があります:

リーリー

Answer 3

nginx プロキシ転送を使用してクロスドメインを実現できます

リーリー

http://127.0.0.1/api/ リクエストを http://127.0.0.1:8081 に転送します