前言 之前学习过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...