运行Zr.Admin项目(前端)

1.确认环境信息

我这里装的是node16.17版本的

官网16版本的最新为v16.20.2,下载链接https://nodejs.org/dist/v16.20.2/node-v16.20.2-x64.msi

2.去掉ssl

进入到Zr.Admin项目根目录,进入到ZR.vue

打开package.json 文件,删除启动命令配置中的 openssl 配置

3.安装依赖

为避免出现下载依赖超时问题,先调整下npm配置

打开cmd窗口

执行

bash 复制代码
npm config set home https://npm.taobao.org
npm config set registry https://registry.npmmirror.com/

打开cmd窗口,进入到ZR.Vue目录

执行

bash 复制代码
npm install

等待安装完成

ZR.Vue目录下会多出一个node_modules文件夹,就是项目用到的依赖包

4.启动项目

在刚才安装依赖的cmd窗口

执行

bash 复制代码
npm run dev

启动成功

由于没有启动后端服务,所以接口不通

启动后端服务,参考https://blog.csdn.net/qq1326702940/article/details/144742414

启动后端服务后,刷新页面,正常显示出页面

使用账号admin 登录,密码123456

登录成功,进入首页

相关推荐
yqcoder4 小时前
数据劫持的双雄:深入解析 Object.defineProperty 与 Proxy
开发语言·前端·javascript
lichenyang4534 小时前
鸿蒙聊天 Demo 练习 03:接入 Next.js 后端接口,实现真机前后端联调
前端
小三金5 小时前
EXPO+RN echarts图表库,以及如何使用
前端·javascript·react.js
ZFSS5 小时前
Midjourney Shorten API 的集成与使用
java·前端·数据库·人工智能·ai·midjourney·ai编程
Pu_Nine_95 小时前
IntersectionObserver 详解:封装 Vue 指令实现图片懒加载
前端·javascript·vue.js·性能优化
清灵xmf5 小时前
Web 和 Native 是怎么“对话“的?JSBridge 解答
前端·webview·native·jsbridge·hybrid
jiayong236 小时前
前端面试题库 - ES6+新特性篇
前端·面试·es6
前端那点事6 小时前
Vue nextTick 超全解析|作用、使用场景、底层原理、Vue2/Vue3区别
前端·vue.js
前端那点事6 小时前
Vue面试高频:子组件能直接修改父组件数据吗?单向数据流原理+正确写法全覆盖
前端·vue.js
前端那点事6 小时前
为什么 Vue 的 template 标签不能用 v-show?底层机制+踩坑复盘+生产级解决方案
前端·vue.js