nodejs-koa2（mvc模式）前后端分离 前端设计

Posted 2023-03-04

参考技术A

前后端分离，前端nodejs运行环境，使用koa2集成负责资源分配与用户交互，实现token验证用户身份，路由控制。等！

自行 百度 解决；

"program": "$workspaceFolder\\app.js"

此处就是是将app.js作为启动文件。$workspaceFolder代表根目录，vsc启动时会在根目录下找到并加载app.js文件。

参数介绍： name 项目名称、 version 版本号、 description 项目描述、 main 项目启动文件、 scripts 启动快捷设置， author 作者， dependencies 第3方中间件名称及版本。

最重要的
“ dependencies ”这里添加一些要用到的包，以上是这次要用到的所有的包，版本自己更改。
“ scripts ”这里是一些nodejs的便捷命令，上线的时候会用到，直接在终端中，package.json同级目录 ，执行‘npm start’ 即 可启动app.js。
别的没啥太大作用瞎写即可。

启动相关配置，封装到config/init.js中，启动文件直接引用即可

3-6-1、init.js项目核心。

异常友好处理方法封装

路由配置

视图渲染

核心集成

3-6-2、config.js项目参数配置。为什么不用json文件 因为json不能加注释

3-6-3、token.js项目token相关方法封装。

执行后项目结构会增加两个文件

新增

src/hello.js。

views/index.html

浏览器访问： http://127.0.0.1:3000/koa/login

输入值获取token

获取的token如图：

先不用带token进行访问: http://127.0.0.1:3000/koa/ hello/jiaobaba,被token拦截，返回401

带上token访问： http://127.0.0.1:3000/koa/ hello/jiaobaba

测试页面渲染，及跳转html页面，直接访问 http://127.0.0.1:3000/koa /views

结束！！！！！！

需要源码联系我