因为业务开发需要本地测试环境 ,最早的时候用node起过本地服务,但是因为不能访问静态资源所以就考虑换了一个使用express 搭建本地服务
第一步: 安装node.js
第二步:打开本地服务文件夹 使用命令: npm init 初始化文件夹
第三步:安装express 使用命令:npm install express –save
安装完成
打开本地服务文件夹 结构如下
第四步: 在本地服务文件下新建一个server.js 文件 内容如下:
var express = require('express');//引入express
var app = express();// 初始化
var path = require('path');// 引入path
//指定静态资源访问目录
// app.use(express.static(require('path').join(__dirname, 'views'))); 如果有文件夹存放资源,出现报错的话,那就多use几次就可以了
// 设定views变量,意为视图存放的目录
app.use(express.static(require('path').join(__dirname, 项目入口文件所在文件夹路径)));
// app.set('views', __dirname);
// 修改模板文件的后缀名为html
app.set('views', (__dirname + 项目入口文件所在文件夹路径));
app.set( 'view engine', 'html' );
// 运行ejs模块
app.engine( '.html', require( 'ejs' ).__express );
app.get("/", function(req, res) {
res.render('index');
});
var server = app.listen(8889, "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)
});
第五步:放入需要在本地服务运行的项目文件夹
修改nodeserver.js文件
...//其他代码
app.use(express.static(require('path').join(__dirname, "./items/dist/")));
...//其他代码
app.set('views', (__dirname + "./items/dist/"));
...//其他代码
第六步:cd 到 本地服务文件下
运行: node nodeserver.js
然后就可以访问本地服务了 http://127:0.0.1:你设置的端口
注意如果在运行nodeserver.js 时候出现
原因是因为没有安装ejs
解决办法:npm install ejs –dev