2019年3月15日nuxt后端入门摘记

1、网上购买的盗版课程，有点不好，就是正版课程为了维护正版用户的权益，会将一些接口sign签名化，你要想使用数据库的数据必须提供你的慕课网uid生产的对应的签名。
但是好在边学边用，我想到其实，不用访问线上的接口，我线下自己用mongodb创造一个实例化对象，然后将盗版数据库的数据导进去，在自己创建对应的本地接口联调就行了。
话不多说，开始实现。
2、git bash自带的curl 功能真的好用，能自己返回接口的data值

3、mongodb数据库唯一麻烦的一点就是如果collection对象已创建但未激活，则不会显示在数据库中，必须自己创建实例入库，数据库才会有collection(表)。

4、总共创建了4个collection对象，目的是要通过vuex SSR方式直接将数据通过一锅扔的方式渲染到页面上(实现0延迟),store对象挂载app根实例实现。接着开始一个个挂载。通过nuxtServerInt生命周期函数实现。
a、store仓库创建各个vuex对象(如home)，
b、通过commit方法传递值给指定state。
c、state在模板里用$store.state.home.menu全局引用’’
5、koa后端接收的参数，要想获取前端GET的参数。ctx.query.xxx

而koa后端获取前端POST参数。要用ctx.request.body.xxx

6、搜索栏的搜索功能实现，基本就是一种，调用axios传值，在数据库搜寻。

7、前端接收后端返回的参数为空，主要分两种情况，一个是企业签名出错 sign，第二个是编码出错encodeURIComponent(二次编码导致，或者服务端没有编码要求，你就不需要encodeURI）
8、真是神奇，又磨了我半小时多，axios通过解构赋值data:{xxxx}，里面的xxxx竟然并非随意规定的，而是和后端返回归来的参数的命名要一致。我的天！！！


9、前后联调，需要数据的字段一致，其实不然，完全可以拿到后端的数据重新以自己想声明的字段实例化。通过map映射，(item) =>{return {img:place.images} }事件

2019年3月15日17:33:30刚看完第9章，还有10-15章，打算先放一放，沉淀沉淀自己。把前9章所学的应用到自己的项目上
10、2019年3月16日00:15:18 把vue项目移入nuxt中，发现调用static目录出现404问题，经过近1小时辗转，终于解决。真的坑。以下是网友的解决方案。



原来static对于的nuxt下的目录就是/根目录，不清楚为什么这么设定，我真是服了。
然后感谢感谢感谢，zhanghaisong网友让我晚上能睡个好觉。