前端 ajax 有跨域问题,可以先访问中间层,在通过 node 去请求别的服务端口,可以解决跨域问题
编写中间层调用
// 中间层的方式const http = require("http");// http.get 默认发送 get 请求
// http.request 支持其他请求格式 postlet client = http.request({path: "/login",hostname: "localhost",port: 3000,method: "POST",headers: {"Content-Type": "application/json"}},(res) => {console.log("状态码", res.statusCode);console.log("请求头", res.headers);res.on("data", (chunk) => {console.log(chunk.toString());});}
);client.end(`{"kaimo": "313"}`);
服务端代码:
const http = require("http");
const url = require("url");
const querystring = require("querystring");let server = http.createServer();server.on("request", (req, res) => {let { pathname } = url.parse(req.url);console.log("req.method---->", req.method);// 1)配置跨域// 当前请求我的源// res.setHeader("Access-Control-Allow-Origin", req.headers.origin);// 允许携带header// res.setHeader("Access-Control-Allow-Headers", "Content-Type,Authorization");// 默认支持 get 和 post// res.setHeader("Access-Control-Allow-Methods", "GET,POST,PUT");/*** 预检请求(Preflight Request)是跨域资源共享(CORS)的一部分,它允许在请求头中包含一些特殊信息,* 以便服务器确认客户端是否具有足够的权限来访问受保护的资源。* 预检请求通常在请求方法为 OPTIONS 时发生,以检查客户端是否能够成功请求受保护的资源。* */// 设置 OPTIONS 发送频率// res.setHeader("Access-Control-Max-Age", 10); // 设置缓存预检响应为 10 秒// 遇到 OPTIONS 预检请求,直接成功即可// if (req.method === "OPTIONS") {// res.statusCode = "200";// res.end(); // 内部会自己判断是否加了跨域头// }// 2)解析请求体const arr = [];req.on("data", (chunk) => {arr.push(chunk);});req.on("end", () => {let result = Buffer.concat(arr).toString();let obj;if (req.headers["content-type"] === "application/x-www-form-urlencoded") {obj = querystring.parse(result, "&", "=");} else if (req.headers["content-type"] === "application/json") {obj = JSON.parse(result);}console.log("obj---->", obj);// 3)根据不同路径返回对应内容if (pathname === "/login" && req.method == "POST") {res.setHeader("Content-Type", "application/json");res.end("登录成功");}if (pathname === "/regist" && req.method == "POST") {res.setHeader("Content-Type", "application/json");res.end(JSON.stringify(obj));}});
});server.listen(3000);
我们启动服务端的服务,然后执行中间层
nodemon "68 # 中间层如何请求其他服务.js"
node client.js
可以看到请求成功