問題タブ [ibm-jazz]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - クライアント側に Vue.js を使用し、サーバー側に Express を使用する場合の「Access-Control-Allow-Origin」CORS の問題
Vue.js と Axios を使用して Jazz で API を呼び出そうとしていますが、次のエラーが発生します。
' https://jazz.api.com/api/extra_stuff _here'の XMLHttpRequest への オリジン ' http://localhost ' からのアクセスは、CORS ポリシーによってブロックされました: プリフライト要求への応答がアクセス制御チェックに合格しません: いいえ ' Access-Control-Allow-Origin' ヘッダーが要求されたリソースに存在します。
https://enable-cors.org/server_expressjs.htmlまたは追加のような他のソリューションを見てきました
私のコードに追加しても、まだ機能しませんでした。Access-Control-Allow-Origin にワイルドカードを使用しても、CORS の問題が発生し、API を呼び出すことができません。私はクライアント側に Vue と Typescript を使用しており、Express をサーバー側で動作させることができました。これは、私の Axios API 呼び出しのコード スニペットです。
これは、この TypeScript ファイルで API を呼び出している場所であり、ここに私の server.js があります。
私が何をしているように見えても、この CORS の問題を理解できません。アプリケーションに Express を追加する前に、サーバー側で Express を使用すると CORS の問題が修正されるのではないかと考えて、同じ問題が発生しました。しかし、それは役に立ちませんでした。事前に、npm run serve を実行して Vue アプリケーションを実行していました。しかし、どんな助けも素晴らしいでしょう！ジャズの問題である可能性はありますか？