介绍
这篇文章主要介绍了nodejs构建本地网络测试服务怎么解决访问静态资源问题,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获、下面让小编带着大家一起了解一下。
<强>一、构建静态服务器
1,使用表达模块
建立个js文件,命名服务器,内容代码如下:
var express =,要求(& # 39;表达# 39;);
var app =,表达();
var path =,要求(& # 39;path & # 39;);//指定静态资源访问目录
app.use (express.static(要求(& # 39;path & # 39;) . join (__dirname, & # 39;公共# 39;)));//,app.use (express.static(要求(& # 39;path & # 39;) . join (__dirname, & # 39;观点# 39;)));,如果有文件夹存放资源,出现报错的话,那就多使用几次就可以了//,设定观点变量,意为视图存放的目录
app.set(& # 39;观点# 39;,,(时间+ __dirname “/public"));//,app.set(& # 39;观点# 39;,,__dirname);//,修改模板文件的后缀名为html
app.set (, & # 39; view 引擎# 39;,,& # 39;html # 39;,);//,运行ejs模块
app.engine (, & # 39; . html # 39;,,需要(,& # 39;ejs # 39;,) .__express );
app.get(“/?,函数(点播,res), {
res.render才能(& # 39;指数# 39;);
});
var server =, app.listen(1336年,“127.0.0.1"、功能(){
var 才能;host =, server.address () .address;
var 才能;port =, server.address () .port;
console.log才能(“Server running at http://%s: % s",,主机,端口)
}); 文件结构如下:
运行的话只要执行:节点服务器。js就可以了
然后在浏览器输入http://127.0.0.1:1336来访问项目文件夹内的文件了
2,使用连接模块
建立个js文件,命名server2,内容代码如下:
, var connect =,要求(“connect");
,var serveStatic =,要求(“serve-static");
,var app =, connect ();
,//app.use (serveStatic (xxx xxx“C: \ \ \ \ \ \ xxx \ \项目文件夹“));
,app.use (serveStatic (“public"));
,app.listen (1337);
,console.log (& # 39; Server running at http://127.0.0.1:1337 & # 39;); 运行的话只要执行:节点server2。js就可以了,
然后在浏览器输入http://127.0.0.1:1337来访问项目文件夹内的文件了。(如果是指数。html文件可以省略不写,默认加载的就是这个文件);
3,使用http模块
建立个js文件,命名server3,内容代码如下:
var finalhandler =,需要(& # 39;finalhandler& # 39;)
var http =,要求(& # 39;http # 39;)
var serveStatic =,要求(& # 39;serve-static& # 39;)//,Serve up 公共/ftp 文件夹
var serve =, serveStatic(& # 39;公共# 39;,,{& # 39;指数# 39;:,(& # 39;index . html # 39;,, & # 39;你# 39;]})//Create 服务器
var server =, http.createServer (function onRequest (点播,res), {
服务才能(申请,,,,finalhandler(点播,res))
})//听
server.listen (1338);
console.log (& # 39; Server running at http://127.0.0.1:1338 & # 39;); 运行的话只要执行:节点服务器3。js就可以了,
然后在浏览器输入http://127.0.0.1:1338来访问项目文件夹内的文件了。
注:总的文件目录如下:
源码下载地址:https://github.com/arvin0/nodejs-example/tree/master/web-static-test-server
二,解决访问静态资源
主要使用两个模块
1。通用的<>强为静态模块
详细文档:https://github.com/expressjs/serve-static
2.表达专属的,<强> app.use (express.static(要求(& # 39;path & # 39;)。加入(__dirname & # 39;公共# 39;))),,强方法
详细文档:http://expressjs.com/en/4x/api.html,然后ctrl + F搜索表达。静态的,就能找到对应的说明了。
