本文介绍了如何使用vue.js作为前端，结合egg.js后台及mongo数据库来实现数据的增删改操作。首先配置egg.js的数据库连接，然后编写controller、service和model层的接口代码。接着在vue.js前端创建项目，设置axios拦截器，并通过vuex管理状态，实现前后端交互，完成数据提交功能。
一.egg.js后台
具体的如何配置egg.js和新建项目我就不在这里啰嗦了，相关的文章非常多，或者去官网也能找到自己想要的。
直接步入正题。
新建一个egg项目，大概目录结构如下所示。
我们需要用到的大概就是controller,service,model,和router。没有的可以自己新建。
先连上mongo数据库。
在config里面的config.default配置以下内容。
url就是mongo数据库的地址，test是表的名字。
在config里面的plugin配置以下内容。
这样配置基本就可以连上了，不放心的可以测试一下。
// const mongoose = require(‘mongoose’);
// mongoose.connect(‘mongodb://127.0.0.1:27017/test’);
// const con = mongoose.connection;
// con.on(‘error’, console.error.bind(console, ‘连接数据库失败’));
// con.once(‘open’, () => {
最低0.47元/天 解锁文章
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
