作者|邓超ServerlessDevs开源贡献者背景我们在上文[Aliyun][FC]如何使用@serverless-devs/s部署静态网站到函数计算中，详细的介绍了如何通过@serverless-devs/s将已经开发好了的静态网站部署到阿里云函数计算（FC）上,但是近期函数计算和@serverless-devs/s都更新了一系列的功能,目前部署静态网站的步骤可以更为简洁了!使用website-fc插件部署静态网站到CustomRuntime函数假设我们现在有如下结构的前端工程：step3.安装@serverless-devs/s并编写s.yaml你问我步骤1和2去哪儿了?当然是省掉了!?

前言本篇随笔主要写了手动搭建一个webpack+Vue项目，掌握相关loader的安装与使用，包括css-loader、style-loader、vue-loader、url-loader、sass-loader等，熟悉webpack的配置、文件的打包，以及路由的配置及使用。作为自己对Vwebpack+Vue项目搭建知识的总结与笔记。因内容有案例解读，代码实现，导致篇幅稍长，大约3分钟可以浏览完，如有需要的话（请笔友耐心看完，也可按目录查找所需内容）百度网盘链接，案例源码获取地址： 链接：https://pan.baidu.com/s/1JCKEn8gQl6sbSz7JERoKFQ?pwd=1

前言本篇随笔主要写了手动搭建一个webpack+Vue项目，掌握相关loader的安装与使用，包括css-loader、style-loader、vue-loader、url-loader、sass-loader等，熟悉webpack的配置、文件的打包，以及路由的配置及使用。作为自己对Vwebpack+Vue项目搭建知识的总结与笔记。因内容有案例解读，代码实现，导致篇幅稍长，大约3分钟可以浏览完，如有需要的话（请笔友耐心看完，也可按目录查找所需内容）百度网盘链接，案例源码获取地址： 链接：https://pan.baidu.com/s/1JCKEn8gQl6sbSz7JERoKFQ?pwd=1

作者：邓超ServerlessDevs开源贡献者背景我们在上文[Aliyun][FC]如何使用@serverless-devs/s部署静态网站到函数计算中，详细的介绍了如何通过@serverless-devs/s将已经开发好了的静态网站部署到阿里云函数计算（FC）上,但是近期函数计算和@serverless-devs/s都更新了一系列的功能,目前部署静态网站的步骤可以更为简洁了!使用website-fc插件部署静态网站到CustomRuntime函数假设我们现在有如下结构的前端工程：/├dist/待部署的构建产物│└index.html├src/└package.jsonstep3.安装@se

作者：邓超ServerlessDevs开源贡献者背景我们在上文[Aliyun][FC]如何使用@serverless-devs/s部署静态网站到函数计算中，详细的介绍了如何通过@serverless-devs/s将已经开发好了的静态网站部署到阿里云函数计算（FC）上,但是近期函数计算和@serverless-devs/s都更新了一系列的功能,目前部署静态网站的步骤可以更为简洁了!使用website-fc插件部署静态网站到CustomRuntime函数假设我们现在有如下结构的前端工程：/├dist/待部署的构建产物│└index.html├src/└package.jsonstep3.安装@se

作者|邓超ServerlessDevs开源贡献者前言公司经常有一些网站需要发布上线，对比了几款不同的产品后，决定使用阿里云的函数计算（FC)来托管构建出来的静态网站。FC弹性实例自带的500Mb存储空间[1]对静态网站来说简直是太充足了。函数计算资源使用：https://help.aliyun.com/document_detail/51907.html部署静态网站到CustomRuntime函数假设我们现在有如下结构的前端工程：/├dist/待部署的构建产物│└index.html├src/└package.jsonstep1.编写一个简单的HTTP服务器以Express为例,首先添加依赖到

作者|邓超ServerlessDevs开源贡献者前言公司经常有一些网站需要发布上线，对比了几款不同的产品后，决定使用阿里云的函数计算（FC)来托管构建出来的静态网站。FC弹性实例自带的500Mb存储空间[1]对静态网站来说简直是太充足了。函数计算资源使用：https://help.aliyun.com/document_detail/51907.html部署静态网站到CustomRuntime函数假设我们现在有如下结构的前端工程：/├dist/待部署的构建产物│└index.html├src/└package.jsonstep1.编写一个简单的HTTP服务器以Express为例,首先添加依赖到

前文再续，上一回我们完成了用户的登录逻辑，将之前用户管理模块中添加的用户账号进行账号和密码的校验，过程中使用图形验证码强制进行人机交互，防止账号的密码被暴力破解。本回我们需要为登录成功的用户生成Token，并且通过Iris的中间件(Middleware)进行鉴权操作。Iris模板复用在生成Token之前，首先我们需要对项目的模板进行优化改造，目前存在的页面模板有三块，分别是：首页模板(index.html)、登录页模板(signin.html)、后台用户管理页模板(/admin/user.html)，虽然页面并不多，但不难发现，有很多重复的代码，比方说，首页模板和登录页模板都有公共的头部导航菜

前文再续，上一回我们完成了用户的登录逻辑，将之前用户管理模块中添加的用户账号进行账号和密码的校验，过程中使用图形验证码强制进行人机交互，防止账号的密码被暴力破解。本回我们需要为登录成功的用户生成Token，并且通过Iris的中间件(Middleware)进行鉴权操作。Iris模板复用在生成Token之前，首先我们需要对项目的模板进行优化改造，目前存在的页面模板有三块，分别是：首页模板(index.html)、登录页模板(signin.html)、后台用户管理页模板(/admin/user.html)，虽然页面并不多，但不难发现，有很多重复的代码，比方说，首页模板和登录页模板都有公共的头部导航菜

有的中间件功能比较简单，有的则比较复杂，并且依赖其它组件。除了直接用 ApplicationBuilder的 Use() 方法注册中间件外，还可以使用 ApplicationBuilder的扩展方法UseMiddleware()注册自定义中间件。废话不多说，我们在上一篇的基础上加一个自定义中间件类CustomMiddleware，如下所示：usingMicrosoft.AspNetCore.Http;usingSystem;usingSystem.Collections.Generic;usingSystem.Linq;usingSystem.Threading.Tasks;namespace