vue.js - vue をパッケージ化した後、nginx サーバー API リクエストのクロスドメインの問題を解決できません。
世界只因有你
世界只因有你 2017-06-26 10:49:58
0
1
1759

vue をパッケージ化してサーバーに送信し、www サブドメイン名で指定されたディレクトリに配置しました。リクエストを行うときは、API サブドメイン名にバインドされたディレクトリをリクエストする必要があります。このリクエストにより、クロスドメイン プロンプトが発生しました

その後、nginxでも設定しましたが、解決策はありませんでした。

つまり、www.daimatu.cn/api/login/index Ajax 投稿リクエストをリクエストし、api.daimatu.cn/api/login/index に転送します。

以前、location / {} と location /api {} にたくさんの設定をしたことがありますが、それらはすべて Baidu オンラインから取得したものでしたが、機能しませんでした~!

その後、ローカル コンピューターで要求されたアドレスをオンラインに変更しました。ローカル要求には問題ありませんでした。問題なく、正常に動作できます。リクエストの髪を左右で比べてみたら、違うことが分かりました!オンラインサーバーへのローカルリクエストのリクエストメソッドは通常のGET POSTですが、wwwからオンラインでAPIをリクエストすると、リクエストメソッドは通常のGET POSTやその他のリクエストヘッダーではなくOPTIONSになります。 OPTIONS リクエストの設定方法を見つけました。現時点では、クロスドメインはまだ解決できません。

写真の通りオプションとなっております

みなさんにどのように設定しているのかお聞きしたいです。私のバックエンド言語は PHP です。PHP のセットアップと変更を要求しないでください。ローカル サービスおよびオンライン サービスに対するローカル リクエストはすべて正常ですが、オンライン www 転送リクエスト API に問題があるだけです。したがって、プログラムを変更する必要はありません。

Api リクエストアドレス: http://api.daimatu.cn/api/log...

Api アカウント: admin
Api パスワード: 123456
Api 認証コード: 1234
皆さんお願いしますNGINX サーバーは、この API を使用して構成を確認するように要求します。なかなか成果が出ずに長い間悩んでいました! !

世界只因有你
世界只因有你

全員に返信(1)
阿神

場所で次の設定を行います

リーリー

その後、nginxサービスを再起動します

リーリー
いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート