直接開啟html檔案，是以file:///方式開啟的，這種方式很多時候會遇到跨域的問題，因此我們一般會搭建一個簡易的本地伺服器，來執行測試頁面。

一、構建靜態伺服器

1、使用express模組

建立個js檔案，命名server，內容程式碼如下：

 1 var express = require('express');
 2 var app = express();
 3 var path = require('path');
 4 
 5 //指定靜態資源訪問目錄
 6 app.use(express.static(require('path').join(__dirname, 'public')));
 
 7 // app.use(express.static(require('path').join(__dirname, 'views'))); 如果有資料夾存放資源，出現報錯的話，那就多use幾次就可以了
 8 // 設定views變數，意為檢視存放的目錄
 9 app.set('views', (__dirname + "/public"));
10 // app.set('views', __dirname);
11 // 修改模板檔案的字尾名為html
12 app.set( 'view engine', 'html' );
13 // 執行ejs模組
14 app.engine( '.html', require( 'ejs' ).__express );
 
15 
16 app.get("/", function(req, res) {
17     res.render('index');
18 });
19 
20 var server = app.listen(1336, "127.0.0.1",function(){
21     var host = server.address().address;
22     var port = server.address().port;
23     console.log("Server running at http://%s:%s", host, port)
24 });

檔案結構如下：

執行的話只要執行：node server.js

然後在瀏覽器輸入 http://127.0.0.1:1336/ 來訪問專案資料夾內的檔案了

2、使用connect模組

建立個js檔案，命名 server2 ，內容程式碼如下：

 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/');

執行的話只要執行：node server2.js 就可以了，

然後在瀏覽器輸入 http://127.0.0.1:1337/ 來訪問專案資料夾內的檔案了。（如果是index.html檔案可以省略不寫，預設載入的就是這個檔案）；

3、使用http模組

建立個js檔案，命名 server3 ，內容程式碼如下：

 1 var finalhandler = require('finalhandler')
 2 var http = require('http')
 3 var serveStatic = require('serve-static')
 4 
 5 // Serve up public/ftp folder
 6 var serve = serveStatic('public', {'index': ['index.html', 'index.htm']})
 7 
 8 // Create server
 9 var server = http.createServer(function onRequest (req, res) {
10     serve(req, res, finalhandler(req, res))
11 })
12 
13 // Listen
14 server.listen(1338);
15 console.log('Server running at http://127.0.0.1:1338/');

執行的話只要執行：node server3.js 就可以了，

然後在瀏覽器輸入 http://127.0.0.1:1338/ 來訪問專案資料夾內的檔案了。

注：總的檔案目錄如下：

二、解決訪問靜態資源

主要使用兩個模組

1.通用的 serve-static 模組

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