Vue全家桶+SSR+Koa2全栈开发美团网
风里有诗句哈
有事请私信
展开
-
Vue全家桶+SSR+Koa2全栈开发美团网②——Koa2基础
全局安装koa-generator脚手架npm i -g koa-generator以ejs为模板引擎创建项目koa2 -e porject默认创建的项目以jade为模板引擎koa2 porject然后进入到项目目录,安装依赖cd projectnpm inpm run dev //启动开发模式npm startasync和await基础...原创 2019-05-01 22:45:52 · 640 阅读 · 0 评论 -
Vue全家桶+SSR+Koa2全栈开发美团网③——mongoose基础
先安装mongoDB,启动数据库然后安装mongoDB可视化数据管理工具Robo 3T还是在koa2项目下安装mongoosenpm i mongoose在koa2根目录下新建一个dbs文件夹,在此文件夹下新建配置文件config.js文件,写入module.exports = { // 在本机的数据库下新建了一个数据库dbs dbs: 'mongodb://127...原创 2019-05-02 00:00:37 · 612 阅读 · 1 评论 -
Vue全家桶+SSR+Koa2全栈开发美团网④——redis基础
安装redishttps://www.runoob.com/redis/redis-install.html,安装目录下执行 redis-server即可开启服务在项目目录下安装2个中间件npm i koa-generic-session koa-redis然后在app.js中加载这2个中间件,加密处理和连接redis,key和prefix表示改变用户存储cookies字段名称...原创 2019-05-02 13:34:08 · 819 阅读 · 0 评论 -
Vue全家桶+SSR+Koa2全栈开发美团网⑤——Nuxt.js基础
安装和启动nuxt.js项目npx create-nuxt-app <项目名>npm run dev在pages目录下创建的vue组件会直接展示在页面上,也就是在创建的v这个ue组件时一起创建了一个aaa的路由假如创建了一个aaa.vue组件,那么访问http://localhost:3000/aaa就能直接访问到这个组件页面示例:创建一个服务端接口来返回数据...原创 2019-05-02 19:09:40 · 469 阅读 · 0 评论 -
Vue全家桶+SSR+Koa2全栈开发美团网⑥——实战准备
npx create-nuxt-app <项目名>安装选项因为node的运行环境不支持es6的import from,所以需要babel进行转换,在dev和start下加入--exec babel-node "scripts": { "dev": "cross-env NODE_ENV=development nodemon server/index.js...原创 2019-05-03 20:44:44 · 695 阅读 · 0 评论 -
Vue全家桶+SSR+Koa2全栈开发美团网⑦——首页开发
首页header组件开发pages目录下的index.vue组件页面默认引用layouts目录下的default.vue模板,所以我们在default.vue模板中直接使用element模板<template> <el-container> <el-header>Header</el-header> <el-mai...原创 2019-05-04 20:24:45 · 714 阅读 · 0 评论 -
Vue全家桶+SSR+Koa2全栈开发美团网①——Vuex基础
不相关的多个组件想共用一份数据,Vuex可以起到关联作用Status:存储所有组件想要共享的数据,相当于组件中的dataMutations:直接操作status中的数据,即定义如何改变status中的数据Actions:什么时候去改变这个数据,需要actions来触发组件交互触发Actions,Actions提交commit来告诉Mutations在这个时候执行操作,然后改变s...原创 2019-05-01 15:59:57 · 712 阅读 · 0 评论 -
Vue全家桶+SSR+Koa2全栈开发美团网⑧——首页登录注册
在pages目录下新建register.vue,点击注册按钮就能跳转至http://localhost:3000/register,因为在user.vue中写过<nuxt-link to="/register" class="register">注册</nuxt-link>但是注册的模板和首页的模板不一样,所以在layouts目录下新建一个空白模板black.vu...原创 2019-05-07 00:31:07 · 556 阅读 · 2 评论