nodejs+proxy処理インターフェースのクロスドメイン問題
多くのインターフェースには国境を越えた問題があります.1つのバージョンで後端の開発をインターフェースに「Access-Coontrol-Alllow-Origin」などを追加すればいいです.
BUTは時々バックエンドがどんな理由で追加できないかもしれません.
インターフェースはまたデバッグします.どうすればいいですか?
以下はnodejs代理がドメインをまたいで解決する方式です.
もしまだnodejs、npm、webpackなどの使い方がわからないなら、この文章はあなたにとって役に立たないかもしれません.
次のテーマ:1.正常にjsを書くのはまず私達の正常なディレクトリ構造です.httml+cs+js.静的ページの開発が完了したら、データインターフェースとドッキングしたいです.正常なajaxインターフェースの要求をscript.jsの中に入れてください.要求経路は下の図2です.私達のすべてのドメイン横断処理はap.jsにあります.
2.app.js全文:
これは一般的に私たちがwebpackを使っていない時のやり方です.webpackなどを使ったら、中にはパッケージされたクロスドメインエージェントがあります.ルートディレクトリのconfig->index.jsの中のproxyエージェントを修正すればいいです.
BUTは時々バックエンドがどんな理由で追加できないかもしれません.
インターフェースはまたデバッグします.どうすればいいですか?
以下はnodejs代理がドメインをまたいで解決する方式です.
もしまだnodejs、npm、webpackなどの使い方がわからないなら、この文章はあなたにとって役に立たないかもしれません.
次のテーマ:1.正常にjsを書くのはまず私達の正常なディレクトリ構造です.httml+cs+js.静的ページの開発が完了したら、データインターフェースとドッキングしたいです.正常なajaxインターフェースの要求をscript.jsの中に入れてください.要求経路は下の図2です.私達のすべてのドメイン横断処理はap.jsにあります.
2.app.js全文:
var express = require('express');
var proxy = require('http-proxy-middleware');
var app = express();
app.use('/', proxy({
//
target: 'http://localhost:8090',
changeOrigin: true,
// , cookie
onProxyRes: function(proxyRes, req, res) {
res.header('Access-Control-Allow-Origin', '*');
},
// cookie
// cookieDomainRewrite: '' // false,
}));
app.listen(8020);//
3.nodejs実行、実行エージェント.app.jsの父のカタログで実行します.node ap.js.あなたのエージェントを下記のように正常に動作させます.その後、あなたはJSで正常にインターフェースを呼び出すことができます.これは一般的に私たちがwebpackを使っていない時のやり方です.webpackなどを使ったら、中にはパッケージされたクロスドメインエージェントがあります.ルートディレクトリのconfig->index.jsの中のproxyエージェントを修正すればいいです.