express脚手架项目如何设置首页
时间: 2024-05-01 22:16:26 浏览: 88
一个脚手架项目,node+express+react快速搭建大前端项目,实现前后端分离.zip
express脚手架项目默认的首页为views/index.ejs,可以在该文件中编写首页的HTML代码和JavaScript脚本。
如果想要设置其他的首页,可以在app.js文件中修改路由。例如,将首页设置为views/home.ejs,可以在app.js中添加以下代码:
```javascript
var indexRouter = require('./routes/index');
var usersRouter = require('./routes/users');
var homeRouter = require('./routes/home'); // 添加该行代码
var app = express();
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'ejs');
app.use(logger('dev'));
app.use(express.json());
app.use(express.urlencoded({ extended: false }));
app.use(cookieParser());
app.use(express.static(path.join(__dirname, 'public')));
app.use('/', homeRouter); // 将首页路由设置为/home
app.use('/index', indexRouter);
app.use('/users', usersRouter);
```
然后,在routes文件夹下创建home.js文件,编写如下代码:
```javascript
var express = require('express');
var router = express.Router();
/* GET home page. */
router.get('/', function(req, res, next) {
res.render('home', { title: 'Express' });
});
module.exports = router;
```
这样就将首页路由设置为/home,同时可以在home.js文件中设置首页的渲染方式和内容。
阅读全文