vue-next-admin本地部署

已于 2023-10-08 13:57:13 修改
阅读量558 收藏 2
点赞数
分类专栏： js 文章标签： vue.js 前端 javascript
于 2023-10-08 13:55:07 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_36437991/article/details/133676315
版权

开源地址
文档
本次学习的代码地址https://gitee.com/lyt-top/vue-next-admin/tree/vue-next-admin-nest/，这个做了前后端分离方便学习

部署

下载代码，解压

后台

在这里插入图片描述
创建数据库

CREATE DATABASE vuenextadmin01 CHARACTER SET utf8   COLLATE utf8_bin;

修改数据库配置
在这里插入图片描述

启动后台

yarn
yarn run start:dev

在这里插入图片描述
默认地址为http://localhost:3000/
访问http://localhost:3000/seed设置随机数据
在这里插入图片描述

前台

yarn
yarn run dev

在这里插入图片描述
重新安装element-plus，版本太高了

yarn add element-plus@2.2.21

修改reuqest.ts请求路径
在这里插入图片描述
重新启动项目
在这里插入图片描述
在这里插入图片描述
点击登录即可
在这里插入图片描述

假装我不帅
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
vue-admin-next在线Demovue-admin-next-具有多模块设计，Vue Composition API和友好的用户界面的专业企业应用程序。 在线演示-Vue.js开发
05-27
具有Vue组成API，多模块设计，数据处理流程和友好的用户界面的Vue Admin Next Professional企业应用程序。 N Vue Admin具有Vue Composition API，多模块设计，数据处理流程和友好的用户界面的Next Professional企业应用程序。 现在已准备好用于生产环境。 注意：当Vue 3.0正式版发布时，将尽快迁移该项目！ :United_States:英文| Features简体中文功能:sparkles:Vue Composition API:sparkles:多模块设计:sparkles:数据处理流程:sparkles:友好的用户界面:sparkles:最佳实践示例Vud Admin下一个预览
vue3开源后台管理系统模板
q2724338648的博客
12-18 6902
（github上的标星数为14.2k）基于 vite + vue3 + gin 搭建的开发基础平台（支持TS，JS 混用），集成 jwt鉴权，权限管理，动态路由，显隐可控组件，分页封装，多点登录拦截，资源权限，上传下载，代码生成器，表单生成器等开发必备功能。和 UnoCSS 的清新优雅的中后台模版，它使用了最新的前端技术栈，内置丰富的主题配置，有着极高的代码规范，基于 mock 实现的动态权限路由，开箱即用的中后台前端解决方案，也可用于学习参考。（github上的标星数为13.5k）是一个基于。
推荐：Vue-Next-Admin - 基于Vue3的高效能后台管理系统模板
gitblog_00039的博客
03-24 812
推荐：Vue-Next-Admin - 基于Vue3的高效能后台管理系统模板 项目地址:https://gitcode.com/lyt-Top/vue-next-admin 项目简介 Vue-Next-Admin 是一个现代化、高性能的后台管理界面模板，它基于 Vue.js 的最新版本（Vue 3）和 Element Plus 组件库构建。此项目提供了一整套完整的后端解决方案，包括登录注册、权限控...
VUE-NEXT-ADMIN为wangEditor在vue3环境中配置上传文件
永乐的博客
03-10 508
vue-next-admin后台管理模板是vue3+ts实现的，对于后端开发小白来说需要了解vue和ts的简单语法才能大致看懂。模板的编辑器使用的是wangEditor，所以如何配置编辑器的文件上传配置首先还是要先了解wangEditor官方文档。里提供了详细的上传图片相关可用配置项，由官方给的配置项可以知道我们只需要给上面的。配置里添加上传文件的相关配置就行，那可配置的属性就继续从官方文档找了。根据标注的内容可以发现我们只要在这个。属性，就可以实现配置上传文件了。官方文档关键代码片段。
vue-next-admin::party_popper::party_popper::fire:基于vue3.x 、Typescript、vite、Element plus等，适配手机、平板、pc 的后台开源免费模板库（vue2.x请切换vue-prev-admin分支）
08-04
:rainbow: 介绍 基于 vue3.x + CompositionAPI + typescript + vite + element plus + vue-router-next + next.vuex，适配手机、平板、pc 的后台开源免费模板，希望减少工作量，帮助大家实现快速开发。 :umbrella_on_ground: 线上预览 vue3.x 版本预览（vue-next-admin） vue2.x 版本预览（vue-prev-admin） :wedding: 代码仓库 vue3.x 版本 vue2.x 版本 :construction: 安装 cnpm、yarn 复制代码(桌面 cmd 运行) npm install -g cnpm --registry=https://registry.npm.taobao.org 复制代码(桌面 cmd 运行) npm install -g yarn :high_voltage: 使用说明 建议使用 cnpm，因为 yarn 有时会报错。 # 克隆项目 gi
[vue-next-admin] 关于 vue3 + vite + typescript + eslint + prettier + vscode 的配置说明
qq_34450741的博客
03-15 7492
vue-next-admin，这是基于 vue3.x + CompositionAPI + typescript + vite + element plus + vue-router-next + next.vuex，适配手机、平板、pc 的后台开源免费模板库 温馨提示：此配置适用于 vue-next-admin 后台开源免费模板，其它语言 react 等请自行调整。（这是关于 vue-next-admin：vue3 + vite + typescript + eslint + prettier + v.
vue-next-admin跨域配置
令瑞斌
07-14 835
vue-next-admin跨域配置
vue-next-admin框架的认识
一个努力不被优化的程序员
10-24 1024
Vue-next-admin是一个基于Vue3和Element-Plus的后台管理系统框架。它提供了一套完整的、易于扩展的后台管理界面解决方案，可用于快速开发各种企业级后台管理系统。Vue-next-admin框架包含了常见的后台管理系统模块，如用户管理、菜单管理、角色管理、权限管理等，并提供了一套完整的UI组件库和样式，方便快速进行开发和定制。另外，该框架还支持国际化、权限控制、路由配置、数据请求等功能，可用于构建各种规模和类型的后台管理系统。
vue框架vue-next-admin-master.zip
最新发布
04-04
vue框架vue-next-admin-master.zip
vue-element-admin中文版本
07-20
该资源为一个后台管理系统，为vue-element-admin在git下搭建而成
nest-admin:采用nestjs typeorm vue开发的一套权限管理系统
03-11
项目说明 前端使用模板，初步使用nestjs typeorm等开发 项目特点 nest-admin权限管理系统，是基于nodejs打造出的一站式RBAC管理平台 使用技术 ， ， ， 开发 优秀的菜单功能权限，前端可灵活控制页面及按钮展示，某些可对未授权的请求进行拦截 当前已有功能：用户管理，角色管理，部门管理，菜单管理，文件管理 下一步计划 更好的系统日志 新增角色时，角色权限只能是创建者权限的子集，有效防止权限越权 部门任选绑定角色 项目结构 服务器初步项目结构 ── src // 构建相关 ├── commin // 公共代码，工具类等 │ ├── decorators // 自定义装饰器，包含 @Permssion 权限装饰器 │ ├── interfaces
vue-router-next：Vue 3官方路由器
02-06
vue-router-next 这是Vue路由器4的存储库（适用于Vue 3）支持Vue路由器Vue Router是Vue生态系统的一部分，是MIT许可的开放源代码项目，其持续的开发完全依靠赞助者的支持而得以实现。 如果您想成为赞助商，请考虑：...
【开源项目】中后台开发框架vue-next-admin
qq_36765367的博客
07-12 1424
基于 vue3.x + CompositionAPI setup 语法糖 + typescript + vite + element plus + vue-router-next + pinia 技术，适配手机、平板、pc 的后台开源免费模板，希望减少工作量，帮助大家实现快速开发。
vue3 vue-next-admin 学习笔记,
rilqa的博客
12-16 1165
App.vue 至-->
在基于vue-next-admin的Vue3+TypeScript前端项目中，为了使用方便全局挂载对象接口
supeerzdj的博客
07-11 310
我们知道，基于Typescrip的项目，在项目中都有一个Typescrip的配置文件tsconfig.json，其中对一些Typescrip的目录或者设置进行设定。由于在VSCode加载项目的时候，会把项目相关的类型定义加载进来，因此我们可以在编码的时候就有智能提示，它的配置在Include的配置项中。通过通配符的匹配，可以自动加载对应的类型信息。这里面可以按照作用分类不同的文件， 我们在这里增加一个独立的文件$u.d.ts，来设置我们定义挂载对象的接口类型信息。
vue-admin动态路由的实现
目标检测专栏持续更新中，改进YOLO系列通用，适用v5、v7、v8、所有博客均是团队原创博客，所有文章禁止转载，违者必究。
03-01 1188
前言：项目开发中菜单栏往往是后端基于角色控制的，所以菜单栏通过后端返回，然后在进行渲染，vue-admin这个管理系统模板用的人贼多，以此为例。 一、首先打开router/index.js文件吗，把constantRoutes写的静态路由全删了，只留下公共的界面，比如login、404之类的。其他路由后面通过接口获取。 二、在store/modules/permission.js进行修改，如果没有文件就创建，该文件使用vuex的状态管理，把菜单信息存储起来，最后把菜单渲染出去 // router/in.
[vue-next-admin] vue3 + vite 打包 gzip 压缩、cdn 加速
qq_34450741的博客
03-25 2215
[vue-next-admin] gzip 压缩、cdn 加速
图片vue-next-admin
qq_34450741的博客
07-03 470
vue-next-admin
vue-next-admin
09-08
Vue Next Admin 是一款基于 Vue.js 和 Element Plus 的开源管理系统模板。它提供了丰富的组件和样式，帮助开发人员快速搭建现代化的管理后台界面。该模板具有可定制性强、易于使用和维护的特点，可以满足各种不同类型的管理系统需求。您可以通过在 GitHub 上搜索 "vue-next-admin" 来找到该项目并获取更多详细信息。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

假装我不帅

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值