利用express 搭建本地服务

因为业务开发需要本地测试环境 ,最早的时候用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 时候出现npm install ejs
原因是因为没有安装ejs
解决办法:npm install ejs –dev

猜你喜欢

转载自blog.csdn.net/fly_wugui/article/details/81222063
今日推荐