首頁 > web前端 > js教程 > nodejs搭建web伺服器的方法

nodejs搭建web伺服器的方法

不言
發布: 2019-01-02 10:02:37
轉載
4711 人瀏覽過

這篇文章帶給大家的內容是關於nodejs搭建web伺服器的方法,有一定的參考價值,有需要的朋友可以參考一下,希望對你有幫助。

前端取得資料時常會遇到跨域問題,用 nginx 做反向代理就可以解決此問題。但是 nginx 屬於中間件代理,不同開發者佈署的 web 伺服器位址可能不一樣,這樣 nginx 的設定就不能做到通用了。

如果能有一個客戶端代理,隨著專案原始碼提交,這樣就可以免去不同開發者的代理配置。 webpack-dev-server 就是這樣的一個客戶端代理,但是如果專案沒有用到 webpack,那就沒辦法用了。那能不能仿照寫了一個簡單的 web 伺服器,用在非 webpack 的專案呢。下面是程式碼,望大佬們批評指正。

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中文網其他相關文章!

相關標籤:
來源:segmentfault.com
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板