基於Node 的http轉發demo,項目中請使用express+http-proxy-middleware

var http = require("http");
var data = '';

function getData() {
    const options = {
        host: 'www.baidu.com',
        port: 80,
        path: '/index.html',
        method: 'GET',
        headers: {
            'Content-Type':'text/html',
        }
    };

    const req = http.request(options, (res) => {
        console.log(`狀態碼: ${res.statusCode}`);
        console.log(`響應頭: ${JSON.stringify(res.headers)}`);
        res.setEncoding('utf8');
        res.on('data', (chunk) => {
            data += chunk;
            //console.log(`響應主體: ${chunk}`);
        });
        res.on('end', () => {
            // console.log(data);
            console.log('響應中已無數據');
            // return data
        });
    });

    req.end();
}


//調用
// getData();
// setTimeout(()=>{
//     console.log(data)
// },300)

http.createServer((req, res) => {

    getData();
    // Content Type: text/html
    res.writeHead(200, {
        'Content-Type': 'text/html',
    });
    // 響應文件內容
    setTimeout(() => {
        res.write(data.toString());
        res.end();
    }, 300)


}).listen(80, () => {
    console.log('服務器開啓成功')
})

項目中請使用:express+http-proxy-middlewarehtml

爲何要使用node代理轉發?前端

咱們要實現先後端分離,而後前端不在本身的電腦上安裝tomcat,這時候,咱們經過用node搭建服務器,而後轉發咱們的請求。例如:本身本地是localhost:3000,咱們須要訪問http://www.example.com(固然,開發過程當中,這個應該是大家後臺的tomcat的地址), 來作ajax的數據交互。node

建立項目ajax

?
1
npm init

安裝模塊express

?
1
npm install express connect-timeout http-proxy-middleware --save-dev

建立js文件npm

const express = require('express');
const timeout = require('connect-timeout');
const proxy = require('http-proxy-middleware');
const app = express();
 
// 超時時間
const TIME_OUT = 30 * 1e3;
 
// 設置端口
app.set('port', '80');
 
// 設置超時 返回超時響應
app.use(timeout(TIME_OUT));
app.use((req, res, next) => {
 if (!req.timedout) next();
});
 
 
proxyOption = {
 target: 'http://localhost:8080',
 pathRewrite: {
    '^/api/' : '/' // 重寫請求,api/解析爲/
  },
  changeOrigoin:true
};
 
// 靜態資源路徑
app.use('/', express.static('src/page'));
 
// 反向代理
app.use('/api/*', proxy(proxyOption));
 
// 監聽端口
app.listen(app.get('port'), () => {
 console.log(`server running @${app.get('port')}`);
});
相關文章
相關標籤/搜索