公司各个版本的app下载页面结构变化不大（可以说结构基本没有变化），所以写了心血来潮使用ejs和nodejs自动生成的小页面。虽然目前看来并没有提高太多效率，但实践一下就对了，说不定以后会完善，大家用起来会更顺手（希望比较渺茫，捂脸。。。）自动生成简单登陆页面的小工具auto-langding-page-clientauto-langding-page是我之前写的一个小工具，专门用来自动构建简单登陆页面（比如app下载页面，目前只适用于移动终端）。这是基于GUI的，使用起来更直观。如何使用前端运行端口http://localhost:8001后端运行端口http://localhost:8000使用concurrently可以同时运行前后端服务直接npmrundev可以同时启动前后端服务分别运行前后端服务后端npmrundev:clientnpmrundev:server前端搭建思路客户端使用vue搭建整体布局使用display:table做水平和垂直居中位置上传图片使用input的multiple属性允许多选文件使用post方式与server端通信，提交DataForm对象作为上传图片的载体。后端建立这个想法。服务端使用koa2框架搭建，接受前端上传的图片。使用auto-page-langding生成网页文件，并打包成zip文件返回给客户端的下载地址，做了一点安全处理，防止不同用户看到彼此上传的文件。为每个访问后端的用户提供一个随机字符串作为cookie。后端使用session（koa-session）存储cookie对应的userId。并作为每个用户唯一的文件下载路径API描述接口方法备注获取默认图片/api/getDefaultImgget-上传图片/api/uploadFilespost上传使用DataForm生成网页文件并打包成zip文件/api/buildFilespost返回zip文件下载地址目录结构|--app.js|--bin||--www|--配置||--constance.js|--控制器||--构建文件.js||--默认文件.js||--输入文件.js|--库||--自动登陆页面|--中间件||--checkUserId.js|--模型||--resModel.js|--公开||--默认文件|||--背景.png|||--btn.png||--下载|--路由是||--index.js|--userFiles|--input|--out如果是跨域问题，有以下解决方案NGINXsetreverseproxyhttp-server-Phttp://localhost:8000serversetheader('Access-Control-Allow-Origin:*')webpack-dev-server.proxysethttp://localhost:8000最后舔了我一脸，求个star。如果您能提出宝贵的建议，欢迎您到auto-langding-page-client:https://github.com/maroonstar...auto-langding-page:https://github.com/maroonstar...thx！
