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

vue+koa2+mongo前后端restful分离,配置部署到云端

时间:2023-04-03 17:03:04 Node.js

一个。前端项目1.使用vue-cli(vue2.0)搭建项目,这里就不贴了。axios安装配置~npminstallaxios1.main.js或app.js加载axios。从'axios'Vue.prototype.$axios=axios2导入axios。config目录下的index.js文件修改了proxyTable3。view发出get请求以查看结果。二。后端项目1.使用koa2脚手架~npminstall-gkoa-generator~koa2nosqlDemo~npminstall项目搭建完成后的Basic目录2.在app.js中配置后端跨域,将API请求端口改为8081ctx.set("Access-Control-Allow-Origin","*");ctx.set("Access-Control-Allow-Headers","X-Requested-With");ctx.set("Access-Control-Allow-Methods","PUT,POST,GET,DELETE,OPTIONS");3.使用monk或者mongoose,这里我们使用monk来操作mongo~npminstallmonk在user.js中调用constMonk=require('monk')constdb=Monk('mongodb://adminaccount:administratorpassword@xxx.xxx.xx.xx:27017/testDb?authSource=admin')//testDb是要查询的数据库集合4.表(文档)查询constuser=db.得到('用户信息');router.get('/dpi/getList',async(ctx)=>{letst=awaituser.find();ctx.response.type='application/json';console.log(st)ctx.body=st;})首先疯狂输出一些测试数据(mongo3.65之后查询语句不同)5.本地调试需要配置ide-debug,这里使用vscode{"version":"0.2.0","配置”:[{“类型”:“节点”,“请求”:“启动”,"name":"debug-app",//"runtimeExecutable":"nodemon","program":"${workspaceRoot}/app.js","restart":true,"console":"integratedTerminal","skipFiles":[//skipFiles防止断点进入node_model包"${workspaceRoot}/node_modules/**/*.js","/**/*.js"]}]}点一下有惊喜3.上传后端ftp到centos,切换到centos下启动web环境配置的目录(这里设置目录/srv/www/server)参考:https://segmentfault.com/a/1190000015431830~npmstart后终端中预留的app目录包含layers和m层,以后用于routes中的逻辑分离