直接打开html文件,是以file:
一、构建静态服务器
1、使用express模块
建立个js文件,命名server,内容代码如下:
- varexpress=require('express');
- varapp=express();
- varpath=require('path');
- app.use(express.static(require('path').join(__dirname,'public')));
- app.set('views',(__dirname+"/public"));
- app.set('view engine','html');
- app.engine('.html',require('ejs').__express);
- app.get("/",
- function(req,res){
- res.render('index');
- });
- varserver=app.listen(1336,"127.0.0.1",
- function(){
- varhost=server.address().address;
- varport=server.address().port;
- console.log("Server running at http:
- });
文件结构如下:
运行的话只要执行:
就可以了
- node server.js
然后在浏览器输入
来访问项目文件夹内的文件了
- http:
2、使用connect模块
建立个js文件,命名
- server2,内容代码如下:
- varconnect=require("connect");
- varserveStatic=require("serve-static");
- varapp=connect();
- app.use(serveStatic("public"));
- app.listen(1337);
- console.log('Server running at http://127.0.0.1:1337/');
运行的话只要执行:
就可以了,
- node server2.js
然后在浏览器输入
来访问项目文件夹内的文件了。(如果是index.html文件可以省略不写,默认加载的就是这个文件);
- http:
3、使用http模块
建立个js文件,命名
- server3,内容代码如下:
- varfinalhandler=require('finalhandler')
- varhttp=require('http')
- varserveStatic=require('serve-static')
- varserve=serveStatic('public',{
- 'index':['index.html','index.htm']
- })
- varserver=http.createServer(functiononRequest(req,res){
- serve(req,res,finalhandler(req,res))
- })
- server.listen(1338);
- console.log('Server running at http://127.0.0.1:1338/');
运行的话只要执行:
就可以了,
- node server3.js
然后在浏览器输入
来访问项目文件夹内的文件了。
- http:
注:总的文件目录如下:
源码下载地址:https:
二、解决访问静态资源
主要使用两个模块
1.通用的 serve-static 模块
详细文档:https:
2.express专属的 app.use(express.static(require('path').join(__dirname,'public'))); 方法
详细文档:http:
来源: http://www.cnblogs.com/arvin0/p/7155399.html