当前位置: 首页 > 后端技术 > Node.js

vue+node全栈手机商城[3]——安装express,实现第一个nodeJs接口

时间:2023-04-03 19:36:14 Node.js

nodeJs是全栈项目不可或缺的,有些同学不明白nodeJs能做什么。其实很简单。1.js本身不安全,所以之前一些操作都是后台做的,比如登录,注册。但是现在有了nodeJs,我们也可以完成以前由后端完成的前端工作了。2.为什么节点?因为nodeJs的开发语言默认是js。express是在nodeJs中运行的框架,和koa2是一回事。就是对http、router、template进行一些比较方便的操作。只要懂得表达,其他都差不多。安装express并新建一个目录,打开cmd,执行:npminstallexpress-save在目录下新建一个文件:api_dev.js,在里面写入:varexpress=require('express');varapp=express();//解决跨域问题,网上有成熟的解决方案,我直接复制了","*");res.header("Access-Control-Allow-Method","*");res.header("Access-Control-Allow-Headers","Content-Type");res.header("Access-Control-Max-Age","3600");next();});//第一个nodeJs接口,接收app.get('/test_api',function(req,res){res.send({a:123});});app.listen(5679,function(){console.log('5679,中间件已经启动!')});然后打开cmd,运行nodeapi_dev.js回到你的vue-cli项目中,进入src目录,新建proMain.vue,在脚本部分写:created(){axios.get('http://localhost:5679/test_api').then(_d=>{console.log(_d.data);});}运行项目,如果能在控制台输出,{a:123},你的第一个界面就ok了。注意,此时你要分别打开两个cmd窗口