這篇文章主要介紹了nodejs構(gòu)建本地web測試服務(wù)怎么解決訪問靜態(tài)資源問題，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

專注于為中小企業(yè)提供成都網(wǎng)站建設(shè)、成都網(wǎng)站設(shè)計服務(wù),電腦端+手機端+微信端的三站合一,更高效的管理,為中小企業(yè)芒市免費做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都，凝聚了一批互聯(lián)網(wǎng)行業(yè)人才，有力地推動了千余家企業(yè)的穩(wěn)健成長，幫助中小企業(yè)通過網(wǎng)站建設(shè)實現(xiàn)規(guī)模擴充和轉(zhuǎn)變。

一、構(gòu)建靜態(tài)服務(wù)器

1、使用express模塊

建立個js文件，命名server，內(nèi)容代碼如下：

var express = require('express');
var app = express();
var path = require('path');

//指定靜態(tài)資源訪問目錄
app.use(express.static(require('path').join(__dirname, 'public')));
// app.use(express.static(require('path').join(__dirname, 'views'))); 如果有文件夾存放資源，出現(xiàn)報錯的話，那就多use幾次就可以了
// 設(shè)定views變量，意為視圖存放的目錄
app.set('views', (__dirname + "/public"));
// app.set('views', __dirname);
// 修改模板文件的后綴名為html
app.set( 'view engine', 'html' );
// 運行ejs模塊
app.engine( '.html', require( 'ejs' ).__express );

app.get("/", function(req, res) {
  res.render('index');
});

var server = app.listen(1336, "127.0.0.1",function(){
  var host = server.address().address;
  var port = server.address().port;
  console.log("Server running at http://%s:%s", host, port)
});

文件結(jié)構(gòu)如下：

運行的話只要執(zhí)行：node server.js 就可以了

然后在瀏覽器輸入http://127.0.0.1:1336/ 來訪問項目文件夾內(nèi)的文件了

2、使用connect模塊

建立個js文件，命名 server2 ，內(nèi)容代碼如下：

 var connect = require("connect");
 var serveStatic = require("serve-static");

 var app = connect();
 // app.use(serveStatic("C:\\xxx\\xxx\\xxx\\項目文件夾"));
 app.use(serveStatic("public"));

 app.listen(1337);
 console.log('Server running at http://127.0.0.1:1337/');

運行的話只要執(zhí)行：node server2.js 就可以了，

然后在瀏覽器輸入http://127.0.0.1:1337/ 來訪問項目文件夾內(nèi)的文件了。（如果是index.html文件可以省略不寫，默認加載的就是這個文件）；

3、使用http模塊

建立個js文件，命名 server3 ，內(nèi)容代碼如下：

var finalhandler = require('finalhandler')
var http = require('http')
var serveStatic = require('serve-static')

// Serve up public/ftp folder
var serve = serveStatic('public', {'index': ['index.html', 'index.htm']})

// Create server
var server = http.createServer(function onRequest (req, res) {
  serve(req, res, finalhandler(req, res))
})

// Listen
server.listen(1338);
console.log('Server running at http://127.0.0.1:1338/');

運行的話只要執(zhí)行：node server3.js 就可以了，

然后在瀏覽器輸入http://127.0.0.1:1338/ 來訪問項目文件夾內(nèi)的文件了。

注：總的文件目錄如下：

源碼下載地址：https://github.com/arvin0/nodejs-example/tree/master/web-static-test-server

二、解決訪問靜態(tài)資源

主要使用兩個模塊

1.通用的 serve-static模塊

詳細文檔：https://github.com/expressjs/serve-static

2.express專屬的  app.use(express.static(require('path').join(__dirname, 'public'))); 方法

詳細文檔：http://expressjs.com/en/4x/api.html ，然后ctrl+F搜索 express.static ，就能找到對應(yīng)的說明了。

感謝你能夠認真閱讀完這篇文章，希望小編分享的“nodejs構(gòu)建本地web測試服務(wù)怎么解決訪問靜態(tài)資源問題”這篇文章對大家有幫助，同時也希望大家多多支持創(chuàng)新互聯(lián)，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，更多相關(guān)知識等著你來學習!

新聞名稱：nodejs構(gòu)建本地web測試服務(wù)怎么解決訪問靜態(tài)資源問題
本文地址：http://chinadenli.net/article28/giecjp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站營銷、、自適應(yīng)網(wǎng)站、品牌網(wǎng)站制作、靜態(tài)網(wǎng)站、建站公司

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)