同步操作将从 有来开源组织/vue3-element-admin 强制同步,此操作会覆盖自 Fork 仓库以来所做的任何修改,且无法恢复!!!
确定后同步将在后台操作,完成时将刷新页面,请耐心等待。
vue3-element-admin 是基于 vue-element-admin 升级的 Vue3 版本后台管理前端解决方案;使用前端主流技术栈 Vue3 + Vite3 + TypeScript + Vue Router + Pinia + Volar + Element Plus 等;实现功能包括不限于动态权限路由、按钮权限控制、国际化、主题大小切换等;基于此模板开发了有来商城管理系统,也是有来开源组织的又一项开源力作。
技术栈 | 描述 | 官网 |
---|---|---|
Vue3 | 渐进式 JavaScript 框架 | https://v3.cn.vuejs.org/ |
TypeScript | JavaScript 的一个超集 | https://www.tslang.cn/ |
Vite | 前端开发与构建工具 | https://cn.vitejs.dev/ |
Element Plus | 基于 Vue 3,面向设计师和开发者的组件库 | https://element-plus.gitee.io/zh-CN/ |
Pinia | 新一代状态管理工具 | https://pinia.vuejs.org/ |
Vue Router | Vue.js 的官方路由 | https://router.vuejs.org/zh/ |
在线预览: vue3.youlai.tech
![]() |
![]() |
---|---|
![]() |
![]() |
![]() |
![]() |
Gitee | Github | |
---|---|---|
vue3-element-admin | vue3-element-admin | vue3-element-admin |
后端工程(非必要) | youlai_boot | - |
Node 环境
版本:16+
开发工具
VSCode
必装插件
安装依赖
npm install
启动运行
npm run dev
访问测试
浏览器访问: http://localhost:3000
本地打包
npm run build:prod
生成的静态文件位于项目根目录 dist
文件夹下
上传文件
创建 /mnt/nginx/html
目录,将打包生成 dist
下的所有文件拷贝至此工作目录下
nginx.cofig 配置
server {
listen 80;
server_name localhost;
location / {
root /mnt/nginx/html;
index index.html index.htm;
}
# 代理转发请求至网关,prod-api标识解决跨域,vapi.youlai.tech 线上接口地址,注意后面/
location /prod-api/ {
proxy_pass http://vapi.youlai.tech/;
}
}
默认使用线上接口,如果你了解一点Java后端SpringBoot,可轻松搭建本地接口环境:
访问后端项目仓库地址:https://gitee.com/youlaiorg/youlai-boot.git
根据项目说明文档 README.md 完成数据库的创建和后端工程的启动;
进入 vite.config.ts 文件修改代理线上接口地址 http://vapi.youlai.tech 为本地接口地址 http://localhost:8989 即可。
欢迎添加开发者微信,备注「有来」进群,备注「无回」参与开发
![]() |
![]() |
---|
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。