若依框架入门

206 阅读2分钟

1. 若依环境搭建

image.png

2. 使用若依框架的

2.1 官网下载

image.png

image.png

2.2配置数据库

image.png 修改完成后启动项目后端即可

2.3启动前端

image.png

项目启动遇到的问题

2.3.1 error An unexpected error occurred: “registry.npm.taobao.org npm 淘宝镜像正式到期,赶紧更新!
  1. 清空缓存
    npm cache clean --force
  2. 切换新源
    npm config set registry https://registry.npmmirror.com
2.3.2 Error: error:0308010c:digital envelope routines::unsupportedError: error:0308010c:digital envelope routines::unsupported node.js V17版本中最近发布的OpenSSL3.0, 而OpenSSL3.0对允许算法和密钥大小增加了严格的限制

image.png

原因:
出现这个错误是因为 node.js V17版本中最近发布的OpenSSL3.0, 而OpenSSL3.0对允许算法和密钥大小增加了严格的限制,可能会对生态系统造成一些影响.
解决方案:
1.版本降级,解决报错
尝试卸载Node.js 17+版本并重新安装Node.js 16+版本,然后再重新启动
2.设置参数,解决报错 在执行运行项目命令之前,先运行这个命令:
Linux & Mac OS:
export NODE_OPTIONS=--openssl-legacy-provider
windows命令提示符:
set NODE_OPTIONS=--openssl-legacy-provider
这样就可以解决了,亲测有效。 唯一不足,是每次启动项目都要运行,所以,我们可以把它配置一下。也就是第三种方法。
3 修改配置文件,解决报错(推荐,亲测有效)
找到package.json文件将里面的scripts里设置上上述命令即可

修改前: image.png 修改后:

"scripts": {
  "dev": "SET NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service serve",
  "build:prod": "SET NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service build",
  "build:stage": "vue-cli-service build --mode staging",
  "preview": "node build/index.js --preview",
  "lint": "eslint --ext .js,.vue src"
},

3.登录

验证码

image.png

image.png

后端代码

image.png

getInfo

image.png

getRouters

根据当前用户权限动态获取路由

4.用户管理

流程:加载 Vue 页面 -》请求后台数据

getList

image.png

treeSelect

image.png

image.png

image.png