nodejs路由配置,详细步骤
2022/7/14 4:20:09
本文主要是介绍nodejs路由配置,详细步骤,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
今天给大家分享一个nodejs路由配置的步骤,具体如下:
1. 安装 express-generator 生成器
npm i -g express-generator
2. 创建项目(在一个空白的文件夹)
express --view=ejs 项目名
3. 进入项目
cd 项目名
4. 安装依赖:
npm i
5. 安装nodemon 插件
npm i nodemon --save-dev
6. 配置命令: 在packge.json 文件中 配置
"scripts": {
"start": "node ./bin/www",
"dev":"nodemon ./bin/www" // 配置的命令
},
7. 启动项目:
npm run dev
8. 创建路由文件 : 在 项目的routes 文件夹下创建一个路由文件, 比如 articel.js
在该文件中 写入一下信息:
var express = require('express');
var router = express.Router();
/* GET home page. */
router.get('/', function(req, res, next) {
// res.render() 渲染页面的
res.render(template); // template 就是我们在views 文件夹创建的文件名
});
module.exports = router;
9. 创建渲染的模板页面 : 在 views 文件夹下 创建一个 文件 , 比如 article.ejs
文件的内容就是 我们正常写的 html
10. 配置路由
在 app.js 文件中进行路由的相关配置 :
(1) 引入 路由文件
var articleRouter = require('./routes/article');
(2) 配置路由
app.use('/article', articleRouter)
好啦,以上便是nodejs路由配置,详细步骤的全部内容,更多内容可关注慕课网~
这篇关于nodejs路由配置,详细步骤的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-05-30React Native常用组件-点击组件
- 2024-05-30uniapp+vue3+uv-ui手机端后台OA管理模板
- 2024-05-29Python网络爬虫的时候json=就是让你少写个json.dumps()
- 2024-05-27React Native常用组件-展示组件
- 2024-05-27React Native常用组件-列表组件
- 2024-05-09vue3开发前端表单缓存自定义指令,移动端h5必备插件
- 2024-05-09React Hooks在class组件中的使用方式
- 2024-03-30[OIDC in Action] 2. 基于OIDC(OpenID Connect)的SSO(纯JS客户端)
- 2024-03-29terraform jsonencode
- 2024-03-13vuex-persist