最新公告
  • 欢迎您光临起源地模板网,本站秉承服务宗旨 履行“站长”责任,销售只是起点 服务永无止境!立即加入钻石VIP
  • node.js使用express自动搭建项目

    正文概述 掘金(web前端小菜鸡)   2021-04-08   516

    一、安装express库和生成器

    打开cmd输入命令: yarn global add express express-generator

    安装好后可以通过命令:express --version 检查是否安装成功。

    出现版本号即为安装成功(如下图所示)。

    node.js使用express自动搭建项目

    二、express生成器自动创建express项目

    输入命令:express nodejs(如下图所示即为成功)

    node.js使用express自动搭建项目

    成功之后的目录:

    node.js使用express自动搭建项目

    三、跳转到package.json目录下安装相关的包

    输入命令: yarn 或者 cnpm i 或者 npm i

    四、启动项目

    输入命令:npm run start

    打开浏览器,访问127.0.0.1:3000就能获取访问我们的项目了

    五、项目目录解释

    参考链接: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);

    node.js使用express自动搭建项目

    然后打开浏览器控制台用fetch请求我们刚才写的接口

    fetch('http:localhost:3000/test')
    .then(res=>{
      return res.text()
    }).then(res=>{
      console.log(res)
    })
    

    我们发现出现了跨域问题,这是因为我们在nodejs中没有添加跨域所导致的。

    node.js使用express自动搭建项目

    将下面的跨域的代码添加到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尝试请求快速结束
    	else
    		next();
    });
    

    然后重启一下项目,这样就可以正常访问了

    node.js使用express自动搭建项目

    在项目中修改了内容就需要我们手动重启项目,有点麻烦,我们再安装一个插件即可解决这个烦恼。

    七、使用nodemon自动重启服务

    1. 安装nodemon模块

    输入命令:npm i nodemon -S

    1. 创建nodemon.json文件

    在项目的根目录下创建: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 "
    }
    
    
    1. 使用nodemon模块

    在你的package.json文件中,添加一行脚本代码

    "dev": "nodemon ./bin/www"

    node.js使用express自动搭建项目


    起源地下载网 » node.js使用express自动搭建项目

    常见问题FAQ

    免费下载或者VIP会员专享资源能否直接商用?
    本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
    提示下载完但解压或打开不了?
    最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。若排除这种情况,可在对应资源底部留言,或 联络我们.。
    找不到素材资源介绍文章里的示例图片?
    对于PPT,KEY,Mockups,APP,网页模版等类型的素材,文章内用于介绍的图片通常并不包含在对应可供下载素材包内。这些相关商业图片需另外购买,且本站不负责(也没有办法)找到出处。 同样地一些字体文件也是这种情况,但部分素材会在素材包内有一份字体下载链接清单。
    模板不会安装或需要功能定制以及二次开发?
    请QQ联系我们

    发表评论

    还没有评论,快来抢沙发吧!

    如需帝国cms功能定制以及二次开发请联系我们

    联系作者

    请选择支付方式

    ×
    迅虎支付宝
    迅虎微信
    支付宝当面付
    余额支付
    ×
    微信扫码支付 0 元