一、安装express库和生成器打开cmd输入命令: yarn global add express express-generator
解释: 上面里两个模块分别表示库和生成器 , 在express3时,安装express会自动的给你安装生成器express-generator ,但是在express4时 , 他们就被分开了,所以需要分别安装 。安装好后可以通过命令:express –version 检查是否安装成功 。
出现版本号即为安装成功(如下图所示) 。
文章插图
二、express生成器自动创建express项目输入命令:express nodejs(如下图所示即为成功)
文章插图
【nodejs启动本地服务器 启动nodejs项目命令】成功之后的目录:
文章插图
三、跳转到package.json目录下安装相关的包输入命令: yarn 或者 cnpm i 或者 npm i
四、启动项目输入命令:npm run start
打开浏览器 , 访问127.0.0.1:3000就能获取访问我们的项目了
五、项目目录解释
bin:存放可执行文件参考链接:
public:存放js、css、img等文件
router:存放路由文件
views:存放视图文件或者说模版文件
app.js:启动文件(入口文件)
package.json:存储着工程的信息及模块依赖,当在 dependencies 中添加依赖的模块时,运行 npm install,npm 会检查当前目录下的 package.json , 并自动安装所有指定的模块
node_modules:存放 package.json 中安装的模块,当你在 package.json 添加依赖的模块并安装后,存放在这个文件夹下
http://www.cnblogs.com/shimily/art…
六、在此项目中如何开发首先在routes中新建一个test.js文件
var express = require('express');var router = express.Router();router.get('/', function (req, res, next) { res.send('我是接口返回值');});module.exports = router;复制代码
然后在app.js中加入下面代码var testRouter = require(‘./routes/test’);
app.use(‘/test’, testRouter);
文章插图
然后打开浏览器控制台用fetch请求我们刚才写的接口
fetch('http:localhost:3000/test').then(res=>{return res.text()}).then(res=>{console.log(res)})复制代码
我们发现出现了跨域问题,这是因为我们在nodejs中没有添加跨域所导致的 。文章插图
将下面的跨域的代码添加到app.js中
//设置跨域访问(设置在所有的请求前面即可)app.all("*", function (req, res, next) { //设置允许跨域的域名,*代表允许任意域名跨域 res.header("Access-Control-Allow-Origin", "*"); //允许的header类型 res.header("Access-Control-Allow-Headers", "content-type"); //跨域允许的请求方式res.header("Access-Control-Allow-Methods", "DELETE,PUT,POST,GET,OPTIONS"); if (req.method == 'OPTIONS')res.sendStatus(200); //让options尝试请求快速结束 elsenext();});复制代码
然后重启一下项目,这样就可以正常访问了文章插图
在项目中修改了内容就需要我们手动重启项目,有点麻烦,我们再安装一个插件即可解决这个烦恼 。
七、使用nodemon自动重启服务
- 安装nodemon模块
- 创建nodemon.json文件
{ "restartable": "rs", "ignore": [".git", ".svn", "node_modules/**/node_modules"], "verbose": true, "execMap": {"js": "node --harmony" }, "watch": [], "env": {"NODE_ENV": "development" }, "ext": "js json njk css js "}复制代码
- 使用nodemon模块
“dev”: “nodemon ./bin/www”
文章插图
代码已经放到我的github仓库,附上链接:
https://github.com/wuguanfei/nodejs
这几天刚写了一个vite2+vue3+TypeScript4+elementPlus做成的一个简易后台管理系统,后续功能还在开发中,欢迎XDM使用 , 提意见,附上链接:
https://github.com/wuguanfei/vite2-vue3-TypeScript4
以上关于本文的内容,仅作参考!温馨提示:如遇健康、疾病相关的问题,请您及时就医或请专业人士给予相关指导!
「四川龙网」www.sichuanlong.com小编还为您精选了以下内容,希望对您有所帮助:- 提升虎牙直播使用体验:设置开机时自动启动
- Windows 11如何启动屏幕键盘
- UEFI启动盘制作详细教程
- 如何在华硕电脑上设置大白菜U盘启动
- 如何快速隐藏XP系统中的本地连接图标
- 如何使用Win 10任务计划程序添加启动程序
- Foxmail设置教程:取消附件预览并直接用本地程序打开
- 如何在IcoFX中设置启动时不显示欢迎窗口
- BIOS设置U盘启动方法及注意事项
- 新如何在Windows 7系统中启动NetTcpPortSharing服务