利用express中间件http-proxy-middleware代理前端跨域请求(包含get和post)

最新推荐文章于 2024-08-09 07:29:57 发布

song_de

最新推荐文章于 2024-08-09 07:29:57 发布

阅读量3.9k

点赞数 1

分类专栏： js知识

本文链接：https://blog.csdn.net/song_de/article/details/79652818

版权

js知识专栏收录该内容

36 篇文章 0 订阅

订阅专栏

1,创建app.js

var express = require('express');
var path = require('path');
var favicon = require('serve-favicon');
var logger = require('morgan');
var cookieParser = require('cookie-parser');
var bodyParser = require('body-parser');
// 代理插件
var proxy = require('http-proxy-middleware');
// 跨域插件
var cors = require('cors');


var app = express();
app.use(cors());


app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'jade');


app.use(logger('dev'));
app.use(bodyParser.urlencoded({
    extended: true
}));
app.use(cookieParser());
app.use(express.static(path.join(__dirname, 'static')));
// 设置代理
app.use('/jygoods-api', proxy({
    target: 'https://m.jyall.com',
    changeOrigin: true
}));
app.use(function(req, res, next) {
    var err = new Error('Not Found');
    err.status = 404;
    next(err);
});


// error handler
app.use(function(err, req, res, next) {
    res.locals.message = err.message;
    res.locals.error = req
        .app
        .get('env') === 'development' ?
        err : {};


    // render the error page
    res.status(err.status || 500);
    res.render('error');
});
app.listen(4000, function() {
    console.log('http://localhost:4000')

});

2,和app.js创建static静态资源存放目录

3,cnpm 安装相关依赖

4,node启动app.js

http://localhost:4000/jygoods-api*** 请求被代理到 https://m.jyall.com/jygoods-api***

补充一个package.json的内容,npm install 直接就可以使用

{
"dependencies": {
"atob": "^2.1.1",
"body-parser": "^1.18.3",
"cookie-parser": "^1.4.3",
"cors": "^2.8.4",
"decode-uri-component": "^0.2.0",
"express": "^4.16.3",
"http-proxy-middleware": "^0.18.0",
"morgan": "^1.9.0",
"path": "^0.12.7",
"serve-favicon": "^2.5.0",
"source-map-resolve": "^0.5.2",
"source-map-url": "^0.4.0",
"urix": "^0.1.0"
}
}