用nodejs搭建代理服务器
代理服务器的原理
案例
- 安装
express、http-proxy-middleware - app.js 文件
node app.jsvar express = require('express');
var app = express();
app.use(express.static('./public'));
app.listen(3000);
- 在 public 文件夹下建立 a.html
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head>
<body><!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head>
<body><button onclick="Click()">点击发送请求</button><script src="https://unpkg.com/axios/dist/axios.min.js"></script><script>function Click() {axios('http://localhost:5000/b').then(function(res) {console.log(res);});}</script>
</body>
</html>
</body>
</html>
- 搭建接口服务器，接口服务器端口号 5000
node interface.jsvar express = require('express');
var app = express();app.get("/", (req, res) => {res.send("123");
});app.get("/api/a", (req, res) => {res.send("a");
});app.get("/b", (req, res) => {console.log(req.headers);res.send("b");
});app.listen(5000);
- 访问
http://localhost:3000/a.html
搭建代理服务器解决跨域问题
- 更改 app.js
var express = require('express');
var proxy = require('http-proxy-middleware');
var app = express();
app.use(express.static('./public'));app.use('/api', proxy.createProxyMiddleware({target: 'http://localhost:5000',changeOrigin: false,pathRewrite: {"^/api": ""}
}));
app.listen(3000);
- 更改 a.html
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head>
<body><!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head>
<body><button onclick="Click()">点击发送请求</button><script src="https://unpkg.com/axios/dist/axios.min.js"></script><script>function Click() {axios('/api/b').then(function(res) {console.log(res);});}</script>
</body>
</html>
</body>
</html>
- 访问
http://localhost:3000/a.html
原理解释
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.rhkb.cn/news/17912.html
如若内容造成侵权/违法违规/事实不符，请联系长河编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！
