mongoDB数据API传参

通过传参,对数据进行筛选,排序,实现分页。

express侧routes

axios获取数据

1,安装

2,引入

3,使用

 

express+mongodb+mongoose实践

1,全局安装express框架生成器

2,生成express项目

3,安装mongodb,rodo 3T

4,接口开发

4.1安装mongoose

4.2创建model

在express server项目下创建models文件夹,新建goods.js文件

4.3创建路由

在express server项目routes文件夹下创建goods.js文件

在app.js中设置一级路由

 

这里有一个插曲,将express的视图模板改为HTML,而非默认的jade格式

(1)安装ejs

(2)在express项目,app.js中增加

修改

5,结束,可以访问了。

http://localhost:3000/goods

 

vue 图片懒加载

插件名称:vue-lazyload
1,安装

2,main.js中加载插件,并设置loading图片

3,在views中改造<img>标签

 

vuejs proxytable 设置

实际使用中,发现,如果/api在被代理URL中,存在的话,则不需要以下这两条。

changeOrigin:true

pathRewrite

vue后台模拟数据交互

简单的代码如下,在webpack.dev.conf.js中添加

也可参考这个文章。

https://www.jianshu.com/p/64bd0bac5f23