说明: node.js提供接口,vue展现页面,前后端分离,出于编辑器功能和编辑习惯,vue用HbuilderX,node.js用VScode.(PS:仅作为学习笔记,如有不当之处欢迎指出,在此先谢为敬~~~) 环境: 首先需要有node.js环境,安装教程 在这里,最好下载较新的版本,对es6.es7有更好的支持,再装个 淘宝镜像,完毕! 后台: 1.安装mysql 1.1.mysql下载地址 解压到安装位置,修改环境变量,win10编辑环境变量很方便了,win7的话记得以 ; 分割开 1.2…
koa2+mysql+vue+vant 构建简单版移动端博客 具体内容展示 开始正文 github地址 <br/> 觉得对你有帮助的话,可以star一下^_^必须安装:<br/>mysql <br/>node.jsvue-cli<br/> 目录结构 <br/><br/> 代码步骤 <br/>在 app 目录下 打开 node 运行vue-cli vue init webpack 新建Vue项目<br/>安装以下…
这是个什么的项目? 使用 Node.js + Koa2 + MySQL + Vue.js 实战开发一套完整个人博客项目网站. 博客线上地址:www.boblog.com Github地址:https://github.com/liangfengbo/nodejs-koa-blog 解决了什么问题? 服务端:使用 Node.js 的 Koa2 框架二次开发 Restful API. 前端:Vue.js 打造了前端网站和后台管理系统. 项目包含什么功能? Koa2服务端 管理员与权限控制 文章 文章…
如题,前端入坑许久,还是写个小东西出来吧 想要搭建自己的一个后台管理,实现简单的增删改查,看起来很简单 其实是真的简单,没有想的那么难,我也就写了一个月吧, 当然是假的,其实也就每天一两个小时,花了大概一周吧 下了最新的vue脚手架也就是3.0版本,还得自己配置config文件 怎么升级3.0,我就不多说了,网上太多了 10分钟上手最新vue脚手架 比如上面这篇讲的还是很通俗易懂的 init之后, npm install 开始下包 有人问,elementui这个包不用下载吗,要下载,不过不是通过…
首先新建文件夹命名koa-server,npm init,相关包的安装就不说了,这是我的package.json 新建index.js文件,编码如下,config全局配置不用管,redis是一个简单的get和set操作的封装,也不用管 const bodyParser = require("koa-bodyParser"); const Koa = require("koa"); const koaStatic = require("koa-static&…
Axios配置JWT/封装插件/发送表单数据 首先请务必已仔细阅读 Axios 文档并熟悉 JWT: 中文文档 JWT 中文文档 安装 npm install axios npm install es6-promise 为什么要安装 promise polyfill ?虽然 Axios 的 GitHub 主页开头说了支持 IE8,但文档最下面又说,前提是浏览器支持 promise,如果你不用关心浏览器兼容,那就不用安装 es6-promise. 把 Axios 配置成 Vue 插件 用过 vue…
用户身份验证通常有两种方式,一种是基于cookie的认证方式,另一种是基于token的认证方式.当前常见的无疑是基于token的认证方式.以下所提到的koa均为koa2版本. token认证的优点是无状态机制,在此基础之上,可以实现天然的跨域和前后端分离等. token认证的缺点是服务器每次都需要对其进行验证,会产生额外的运行压力.此外,无状态的api缺乏对用户流程或异常的控制,为了避免一些例如回放攻击的异常情况,大多会设置较短的过期时间. 准备工作 使用koa-jwt的大致流程是: 1. 用户…
网上有很多关于passport模块使用方法的介绍,不过基本上都是基于express3的,本文介绍在express4框架中使用passport模块. 前言 passport是一个功能单一,但非常强大的一个模块,支持本地账号验证和第三方账号登录验证,本文将介绍使用passport实现用户注册检测,用户登录验证. passport是使用”策略“来验证请求,策略是passport中最重要的概念.passport模块本身不能做认证,所有的认证方法都以策略模式封装为插件,需要某种认证时将其添加到packag…
完整的项目代码(github):https://github.com/suqinhui/express-demo express是基于Node.js平台的web应用开发框架,用express框架开发web项目可以直接构建整个项目框架并且将前端页面跟后台贯穿起来,用起来还是灵活的:开始这个项目,首先要对express框架.jade.html.bootstrap.js.jQuery.mysql数据库这些知识点有一定的基础. 目录: 一.项目环境准备 二.mysql数据库设计 三.项目编写 一.项目环…
要求 后台提供的接口,不能让人随便输入个链接就能访问,而是要加入一个token,token是动态的,每次访问的时候判断,有权限并且未过期的时候才可以访问接口. 后台的设计是 在登录的时候,首先要post提交一个请求,根据用户名密码,返回一个动态token,这个token会在服务器保存一段时间.在前端的其他接口请求的时候,都要在header中添加这个token,后台会进行验证.只有验证成功,才会返回对应的接口内容,否则会抛出401异常. 请求效果 首先使用postman查看正常请求的效果 第一次登…