1. プロキシモジュールをインストールするcnpm と http-proxy-middleware -S 2. プロキシを設定する定数 express = require('express'); express() は、定数です。 /* プロキシ設定の開始 */ const proxy = require('http-proxy-middleware'); //プロキシモジュールを導入する const proxyOptions = { target: 'http://127.0.0.1:9999', //バックエンド サーバーのアドレス変更Origin: true //クロスドメイン処理}; const exampleProxy = proxy('/api/*', proxyOptions); // api プレフィックスを持つリクエストはすべてプロキシを経由します app.use(exampleProxy); /* プロキシ設定終了 */ 定数ホスト名 = '127.0.0.1'; ポート = 8080; app.get('/', 関数(req, res) { 定数html = `<!DOCTYPE html> <html lang="ja"> <ヘッド> <メタ文字セット="UTF-8" /> <meta name="viewport" content="width=デバイス幅、初期スケール=1.0" /> <meta http-equiv="X-UA-compatible" content="ie=edge" /> <title>ドキュメント</title> </head> <本文> <button id="btn1">リクエストサーバーインターフェース 1</button> <button id="btn2">リクエストサーバーインターフェース 2</button> <script src="https://cdn.bootcss.com/axios/0.19.0/axios.min.js"></script> <スクリプト> ドキュメント.getElementById('btn1').addEventListener( 'クリック'、 () => { axios.get('/api/hello', { パラメータ: { キー: 'hello' } }); }, 間違い ); document.getElementById('btn2').addEventListener( 'クリック'、 () => { axios.get('/api/word', { パラメータ: { キー: '単語' } }); }, 間違い ); </スクリプト> </本文> </html>`; res.setHeader('Content-Type', 'text/html'); res.send(html); }); app.listen(ポート、ホスト名、関数() { console.log(`サーバーはhttp://${hostName}:${port}で実行されています`); }); Node で http-proxy-middleware を使用してプロキシ クロスドメインを実装する手順に関するこの記事はこれで終わりです。より関連性の高い Node http-proxy-middleware プロキシ クロスドメイン コンテンツについては、123WORDPRESS.COM の以前の記事を検索するか、次の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM を応援していただければ幸いです。 以下もご興味があるかもしれません:
|
<<: HTML インライン要素と HTML ブロックレベル要素の概要と違い
>>: Dockerはjenkins+mavenコード構築および展開プラットフォームを構築します
Adobe Brackets は、HTML、CSS、JavaScript 用のオープンソースでシンプ...
目次ガベージコレクション (GC) はなぜ必要なのでしょうか?ガベージコレクションとは廃棄物の発生ガ...
目次1. 自己増分値はどこに保存されますか? 2. 自己価値修正メカニズム3. 自動増分値を変更する...
この記事では主に、 list-itemの下にある::master疑似要素、 list-style-i...
1. web01にzabbix-agentをインストールするZabbix ウェアハウスをデプロイする...
MySQL にリモートでログインする場合、使用するアカウントには特別な要件があります。アカウントのデ...
MySQL 5.7 には、オンライン DDL、マルチソース レプリケーション、拡張された半同期、テー...
環境: (docker、k8s クラスター)、前回 docker で起動した Java プログラムの...
CSSでtext-align、margin: 0 autoを使用して中央揃えにするtext-alig...
MySQL ロックの概要他のデータベースと比較すると、MySQL のロック メカニズムは比較的単純で...
序文ストレス テスト中に、リソース使用のボトルネックによって発生する最も直接的なパフォーマンスの問題...
目次序文1. オブジェクト構築にプロトタイプを設定する1.1 __proto__ の使用における特殊...
1. 透明度を変更してテキストを徐々に点滅させると、次のような効果が得られます。 <!DOCT...
相対パス - ファイルを参照する Web ページの場所に基づいて確立されたディレクトリ パス。そのた...
目次1. メニューをクリックしてジャンプ1. ページ名の統一2. 管理ページを追加3. ルートを追加...