前言 之前学习过node.js接触过express框架，最近为了编写一个mock server正好用到了express。下面正好就跟大家介绍一下关于express。今天的内容主要围绕这么几个方面? express框架初步介绍express框架中的app.use和app.get/app.postmock server 介绍mock server的实现思路一、express框架初步介绍关于express框架的介绍，这里我引用菜鸟教程的简介:Express是一个简洁而灵活的node.js web框架，提供了一系列强大特性帮助你创建各种w...
nodejs和nginx都可以反向代理，解决跨域问题。 本地服务const express = require(express) const app = express()//如果它在最前面，后面的/开头的都会被拦截 app.get(/, (req, res) => res.send(Hello World!))app.use(express.static(public));//静态资源 app.use(/dist, express.static(path.join(__dirname, public)));//静态资源//404 app.use(/test, function (req, res, next) {res.status(404).send("Sorry cant find that...
jwt 持久化验证前端篇，node 配置详情请移步这里 我用的是vue3，下面是 src 的目录用到的依赖验证思路 Home 页写登录，然后在 About 页获取到登录名。 登录成功缓存 token，进入About页时，通过判断是否有 token 来判断是否登录/登录超时 登录页 在登录页输入用户名和密码，将其提交到vuex // src/views/Home.vue<template><div class="home"><input type="text" v-model="user" placeholder="账号"><input type="text" v-model="p...
最近简单的研究了一下SSR，对SSR已经有了一个简单的认知，主要应用于单页面应用，Nuxt是SSR很不错的框架。也有过调研，简单的用了一下，感觉还是很不错。但是还是想知道若不依赖于框架又应该如果处理SSR,研究一下做个笔记。 什么是SSR把Vue组件渲染为服务器端的HTML字符串，将他们直接发送到浏览器，最后将静态标记混合为客户端上完全交互的应用程序。 为什么要使用SSR更好的SEO，搜索引擎爬虫爬取工具可以直接查看完全渲染的页面更...
在以前的一篇文章自动刷新 从BrowserSync开始中，我介绍了BrowserSync这样一个出色的开发工具。通过BrowserSync我感受到了这样一个理念：如果在一次ctrl + s保存后可以自动刷新，然后立即看到新的页面效果，那会是很棒的开发体验。 现在，webpack可以说是最流行的模块加载器（module bundler）。一方面，它为前端静态资源的组织和管理提供了相对较完善的解决方案，另一方面，它也很大程度上改变了前端开发的工作流程。在应用了webp...
如果你有 express ,koa, redux 的使用经验，就会发现他们都有 中间件（middlewares）的概念，中间件 是一种拦截器的思想，用于在某个特定的输入输出之间添加一些额外处理，同时不影响原有操作。 最开始接触 中间件是在服务端使用 express 和 koa 的时候，后来从服务端延伸到前端，看到其在redux的设计中也得到的极大的发挥。中间件的设计思想也为许多框架带来了灵活而强大的扩展性。 本文主要对比redux, koa, express 的中间件实现...
vue-router 默认 hash 模式 —— 使用 URL 的 hash 来模拟一个完整的 URL，于是当 URL 改变时，页面不会重新加载。 如果不想要很丑的 hash，我们可以用路由的 history 模式，这种模式充分利用 history.pushState API 来完成 URL 跳转而无须重新加载页面。 当你使用 history 模式时，URL 就像正常的 url，例如 yoursite.com/user/id，也好看… 个人理解上面是官方的解释，文档的一贯风格，只给懂的人看。两年前我比现在还菜的时候，...
原理 第一次登陆时会返回一个经过加密的token，下一次访问接口（携带登录返回你的token）的时候，会对token进行解密，如果解密正在进行，说明你已经登录，再把过期时间延长 下载 npm init -y // 一键初始化 npm install express -s // 下载express npm install cors // 跨域中间件 npm install body-parser // body-parser中间件 解析带请求体的数据(post,put) npm install jsonwebtoken // 持久化登录 jwt json web token基本配置...
一、概念介绍 1、POST请求：HTTP/1.1 协议规定的 HTTP 请求方法有 OPTIONS、GET、HEAD、POST、PUT、DELETE、TRACE、CONNECT 这几种。其中 POST 一般用来向服务端提交数据。 2、 Content-Type ： 是指 http/https 发送信息至服务器时的内容编码类型， Content-Type 用于表明发送数据流的类型，服务器根据编码类型使用特定的解析方式，获取数据流中的数据。四种常见的 POST 请求的 Content-Type 数据类型： application/x-www-form-u...
微信小程序的服务器域名只支持https和wss，我用nodejs的express作为后端服务，经百度和折腾，成功启用https服务。 总结以下几步，供参考。 1.申请SSL证书 笔者用的是腾讯云，申请的是为期一年免费的证书，具体申请步骤不展开介绍，颁发证书后，得到文件：需要用到的文件在文件夹IIS中。2.将证书放到项目中 将后缀为.pfx的证书文件放到express项目的静态文件夹中，笔者放在项目根目录下的public文件夹下。3.在express的index.js中引...
项目准备 建立一个文件夹，这里叫 EXPRESS-AUTHnpm init -y启动服务 新建一个server.js 或者 app.jsnpm i express开启端口，启动服务// server.js // 引入 express const express = require(express) // 创建服务器应用程序 const app = express()app.get(/user, async (req, res) => {res.send(hello node.js) })app.listen(3001, () => {console.log(http://localhost:3001) })在命令行运行 nodemon .\server.js 命令启动服务 注...
前言 在我们开发的过程中，我们会使用webpack-dev-server实现自动刷新，webpack-dev-server会把编译后的文件全部保存在内存里，而不会写入到文件目录内。但当我们的开发是前端和后端在一个项目里的时候就不行了。我们可以使用webpack结合express实现自动编译刷新 配置webpack 首先就是配置webpack的配置。新建一个webpack.config.js文件const path = require(path) const webpack = require(webpack) var hotMiddlewareScript = we...
前提 对Vue全家桶有基本的认知.用有node环境了解express另外本篇只是介绍登录状态的权限验证,以及登录,注销的前后端交互.具体流程(例如:前端布局,后端密码验证等).以后有时间再对这些边边角角进行补充一丶业务分析1.什么情况下进行权限验证? 访问敏感接口 前端向后端敏感接口发送ajax后端进行session验证,并返回信息前端axios拦截返回信息,根据返回信息进行操作进行页面切换 页面切换,触发vue-router的路由守卫路由守卫根据跳转地址...
前言 现如今前后端分离开发越来越普遍，前端人员写好页面后可以自己模拟一些数据进行代码测试，这样就不必等后端接口，提高了我们开发效率。今天就来分析下前端常用的mock数据的方式是如何实现的。 主体 项目是基于vue-cli的，首先必须搭建好vue项目环境。如果有同学不知道如何搭建vue项目，可以参考我的另外一篇文章。因为mock数据需要借助node.js中express框架，所以必须先在项目中安装npm install express --save。 搭建完基础后...
_express.js_作为_Node.js_的老牌框架,是现有框架中最全面的。然而在学习express除了那些api之外，对于框架最重要的就是__中间件__这个概念了。如果理解了，就可以把这个框架玩活了，项目开发肯定会更加顺利，而且还可以开发很多额外的功能，甚至中间件扩展开发。 但是就这么一个东西，是很多学习node.js的小萌新们就算写出一个博客项目，都不知道它到底有啥作用。我当时在理解的时候也花了不少功夫，趁着没有啥工作，给各位学习ex...