使用node.js代理,解决前端跨域问题

REX_q

已于 2022-04-27 13:21:16 修改

阅读量847

点赞数 2

文章标签：前端 node.js javascript

于 2022-04-07 16:10:06 首次发布

本文链接：https://blog.csdn.net/REX_q/article/details/124019128

版权

新建 package.json 文件

{
  "name": "proxy-serve",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "REX",
  "license": "ISC",
  "dependencies": {
    "express": "^4.17.1",
    "http-proxy-middleware": "^1.0.3",
  }
}

执行： npm i

新建 server.js 文件

const express = require('express');
const app = express();
var { createProxyMiddleware } = require('http-proxy-middleware');
app.disable('etag')
app.all('*', function (req, res, next) { 
  res.header('Access-Control-Allow-Credentials', 'true')
  res.header("Access-Control-Allow-Origin", req.get('Origin'));
  res.header("Access-Control-Allow-Headers", "*");
  res.header("Access-Control-Allow-Methods", "PUT,POST,GET,DELETE,OPTIONS");
  res.header("X-Powered-By", ' 3.2.1');
  res.header("Content-Type", "application/json;charset=utf-8");
  next();
});


var options = {
  target: '代理地址',
  changeOrigin: true,
};

app.use('**', createProxyMiddleware(options));

app.listen(3000, '127.0.0.1', function () {
  console.log('[DEMO] Server: listening on port 3000')
});