NodejsでWebサーバーを構築する方法-jsチュートリアル-php.cn

NodejsでWebサーバーを構築する方法

不言

リリース： 2019-01-02 10:02:37

転載

4705 人が閲覧しました

この記事の内容は、nodejs を使用して Web サーバーを構築する方法に関するものです。必要な方は参考にしていただければ幸いです。

フロントエンドでは、データを取得するときにクロスドメインの問題が頻繁に発生します。この問題は、nginx をリバースプロキシとして使用することで解決できます。ただし、nginx はミドルウェアプロキシであり、開発者によって展開される Web サーバーのアドレスが異なる場合があるため、nginx の構成は普遍的ではありません。

クライアントプロキシを用意し、それをプロジェクトのソースコードとともに送信できる場合は、さまざまな開発者向けにプロキシを構成する必要がなくなります。 webpack-dev-server はそのようなクライアントプロキシですが、プロジェクトが webpack を使用しない場合、それを使用する方法はありません。 Webpack 以外のプロジェクト用に単純な Web サーバーを模倣して作成できますか?以下はコードです。皆さんが私を批判して修正してくれることを願っています。

const request = require('request');
const express = require('express');
const path = require('path');

const app = express();

// 代理配置
const proxyTable = {  
    '/api': {
        target: 'http://localhost/api' 
    }
};
app.use(function(req, res,next) {  
    const url = req.url;  
    if (req.method == 'OPTIONS') {      
      console.log('options_url: ', url); 
      
       //  设置cors 跨域
      // res.header("Access-Control-Allow-Origin", req.headers.origin || '*');
      // res.header("Access-Control-Allow-Headers", "Content-Type, Authorization, X-Requested-With");
      // res.header("Access-Control-Allow-Methods", "PUT,POST,GET,DELETE,OPTIONS");

      // 设置 cookie
      // res.header("Access-Control-Allow-Credentials", true);
      
      res.status(200).send('OK');     
      return;
    } 
    // console.log('req_url: ', url);
    next();
});

// 设置静态目录
app.use(express.static(path.join(__dirname, 'static')));

app.use('/', function(req, res) {  
      const url = req.url; 
      const proxy = Object.keys(proxyTable);  
      let not_found = true; 
      for (let index = 0; index < proxy.length; index++) {    
          const k = proxy[index];    
          const i = url.indexOf(k);   
          if (i >= 0) {     
              not_found = false;     
              const element = proxyTable[k];      
              const newUrl = element.target + url.slice(i+k.length);
              req.pipe(request({url: newUrl, timeout: 60000},(err)=>{
                  if(err){          
                      console.log('error_url: ', err.code,url);           
                      res.status(500).send('');
                  }     
              })).pipe(res);      
              break;
          } 
      }  
      if(not_found) {    
          console.log('not_found_url: ', url);
          res.status(404).send('Not found');
      } else {    
          console.log('proxy_url: ', url);
      }
});

// 监听端口      
const PORT = 8080;
app.listen(PORT, () => {  
    console.log('HTTP Server is running on: http://localhost:%s', PORT);
});

ログイン後にコピー

PS: static は静的ページを配置します

以上がNodejsでWebサーバーを構築する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。