{"id":1071,"date":"2023-03-12T10:28:22","date_gmt":"2023-03-12T02:28:22","guid":{"rendered":"https:\/\/www.appblog.cn\/?p=1071"},"modified":"2023-04-29T11:45:05","modified_gmt":"2023-04-29T03:45:05","slug":"build-nodejs-proxy-server-to-solve-cross-domain-problems","status":"publish","type":"post","link":"https:\/\/www.appblog.cn\/index.php\/2023\/03\/12\/build-nodejs-proxy-server-to-solve-cross-domain-problems\/","title":{"rendered":"\u642d\u5efanodejs\u4ee3\u7406\u670d\u52a1\u5668\u89e3\u51b3\u8de8\u57df\u95ee\u9898"},"content":{"rendered":"

\u521d\u59cb\u5316\u9879\u76ee<\/h2>\n
npm init -y<\/code><\/pre>\n
\u521b\u5efa\u76ee\u5f55 view \u548c\u6587\u4ef6 app.js\uff0cview\u76ee\u5f55\u4e0b\u5b58\u653e\u9879\u76ee\u6587\u4ef6\uff0capp.js<\/code>\u7528\u6765\u542f\u52a8\u672c\u5730\u670d\u52a1\u548c\u914d\u7f6e\u672c\u5730\u4ee3\u7406<\/p>\n
<\/p>\n
\u5b89\u88c5\u4f9d\u8d56<\/h2>\n
\u5b89\u88c5\u76f8\u5173\u4f9d\u8d56\uff0c\u53ea\u9700\u8981\u4e24\u4e2a\u4f9d\u8d56\u5305\uff0cexpress<\/code>\u662fWeb\u5f00\u53d1\u6846\u67b6\uff0chttp-proxy-middleware<\/code>\u5c31\u662f\u4ee3\u7406\u5e93<\/p>\n
npm install express http-proxy-middleware connect-history-api-fallback connect-timeout path yarn -S<\/code><\/pre>\n
\u914d\u7f6e\u4ee3\u7406<\/h2>\n
\u7f16\u5199app.js<\/code>\uff0c\u793a\u4f8b\u5982\u4e0b\uff1a<\/p>\n
\/\/ \u5bfc\u5165express\uff0c\u8def\u5f84\u5305\uff0c\u5b50\u8fdb\u7a0b\u4e2d\u7684\u5f02\u6b65\u8fdb\u7a0b\uff0c\u4ee3\u7406\uff0c\u8bbe\u7f6e\u9879\u76ee\u6839\u76ee\u5f55\nconst express = require('express')\nconst path = require('path')\nconst {exec} = require("child_process")\nconst proxyMiddleWare = require("http-proxy-middleware")\nconst root = path.join(__dirname, '.\/view')\n\n\/\/ \u751f\u6210express\u5b9e\u4f8b\uff0c\u914d\u7f6e\u4ee3\u7406\uff0c\u542f\u52a8\u670d\u52a1\nconst app = express();\n\/\/ \u914d\u7f6e\u4ee3\u7406\u8bbe\u7f6e\u9879HOST\u4e3a\u76ee\u6807\u670d\u52a1\u5668\uff08\u5373API\u670d\u52a1\u5668\uff09\uff0cPORT\u4e3a\u542f\u52a8\u670d\u52a1\u7aef\u53e3\nconst { HOST = 'http:\/\/192.168.16.28:8080\/', PORT = '8899' } = {}\nconst proxyOption ={target:HOST, changeOrigoin:true}\napp.set('port', PORT);\n\/\/ \u8bbe\u7f6e\u6839\u76ee\u5f55\u4e3a\u9759\u6001\u8d44\u6e90\napp.use('\/', express.static(root))\n\/\/ \u4f7f\u7528\u53cd\u5411\u4ee3\u7406\napp.use("\/api", proxyMiddleWare(proxyOption))\n\/\/ \u542f\u52a8\u670d\u52a1\napp.listen(app.get('port'), () => {\n    let url = `http:\/\/localhost:${app.get('port')}`\n    \/\/ \u81ea\u52a8\u6253\u5f00\u9ed8\u8ba4\u6d4f\u89c8\u5668\n    switch (process.platform) {\n        case "darwin":\n            exec(`open ${url}`);\n        case "win32":\n            exec(`start ${url}`);\n        default:\n            exec(`open ${url}`);\n    }\n})<\/code><\/pre>\n
var express = require("express");\nvar path = require("path");\nconst timeout = require("connect-timeout");\nconst proxy = require("http-proxy-middleware");\nvar app = express();\n\n\/\/ \u8fd9\u91cc\u4ece\u73af\u5883\u53d8\u91cf\u8bfb\u53d6\u914d\u7f6e\uff0c\u65b9\u4fbf\u547d\u4ee4\u884c\u542f\u52a8\n\/\/ HOST \u6307\u76ee\u6807\u5730\u5740\uff08\u5373API\u670d\u52a1\u5668\uff09\n\/\/ PORT \u670d\u52a1\u7aef\u53e3\nconst { HOST = "http:\/\/127.0.0.1:8080", PORT = "2020" } = process.env;\n\n\/\/ \u53cd\u5411\u4ee3\u7406\uff08\u8fd9\u91cc\u628a\u9700\u8981\u8fdb\u884c\u53cd\u4ee3\u7684\u8def\u5f84\u914d\u7f6e\u5230\u8fd9\u91cc\u5373\u53ef\uff09\n\/\/ eg:\u5c06\/api\/test \u4ee3\u7406\u5230 ${HOST}\/api\/test\n\/\/ proxy \u4e2d\u95f4\u4ef6\u7684\u9009\u62e9\u9879\n\nvar apiProxy = proxy("\/api", {\n  target: HOST,\n  pathRewrite: { "^\/api": "" },\n  secure: false,\n  changeOrigin: true\n});\n\napp.use(apiProxy);\n\n\/\/ \u8d85\u65f6\u65f6\u95f4\nconst TIME_OUT = 30 * 1e3;\n\/\/ \u8bbe\u7f6e\u8d85\u65f6 \u8fd4\u56de\u8d85\u65f6\u54cd\u5e94\napp.use(timeout(TIME_OUT));\napp.use((req, res, next) => {\n  if (!req.timedout) next();\n});\n\napp.use(require("connect-history-api-fallback")());\n\n\/\/ appblog\u4e3a\u9879\u76ee\u76ee\u5f55\napp.use(express.static(path.resolve(__dirname, "appblog")));\n\napp.get("*", function(req, res) {\n  if (req.originalUrl.indexOf("favicon.ico")) {\n    res.sendFile(path.resolve(__dirname, "dist", "favicon.ico"));\n  }\n});\n\n\/\/ \u8bbe\u7f6e\u7aef\u53e3\napp.set("port", PORT);\n\napp.listen(app.get("port"), function() {\n  console.log(`server running @${app.get("port")}`);\n});<\/code><\/pre>\n
\u542f\u52a8\u4ee3\u7406<\/h2>\n
\u5728\u6839\u6587\u4ef6\u5939\u5185\u6253\u5f00\u63a7\u5236\u53f0\u542f\u52a8\u9879\u76eenode .\/app.js<\/code><\/p>\n","protected":false},"excerpt":{"rendered":"
\u521d\u59cb\u5316\u9879\u76ee npm init -y \u521b\u5efa\u76ee\u5f55 view \u548c\u6587\u4ef6 app.js\uff0cview\u76ee\u5f55\u4e0b\u5b58\u653e\u9879\u76ee\u6587\u4ef6\uff0cap […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[34],"tags":[],"class_list":["post-1071","post","type-post","status-publish","format-standard","hentry","category-node"],"_links":{"self":[{"href":"https:\/\/www.appblog.cn\/index.php\/wp-json\/wp\/v2\/posts\/1071","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.appblog.cn\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.appblog.cn\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.appblog.cn\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.appblog.cn\/index.php\/wp-json\/wp\/v2\/comments?post=1071"}],"version-history":[{"count":0,"href":"https:\/\/www.appblog.cn\/index.php\/wp-json\/wp\/v2\/posts\/1071\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.appblog.cn\/index.php\/wp-json\/wp\/v2\/media?parent=1071"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.appblog.cn\/index.php\/wp-json\/wp\/v2\/categories?post=1071"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.appblog.cn\/index.php\/wp-json\/wp\/v2\/tags?post=1071"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}