Coder Social home page Coder Social logo

biubiubiu01 / vue3-basic-admin Goto Github PK

View Code? Open in Web Editor NEW
145.0 5.0 33.0 23.77 MB

vue3-basic-admin 是一款开源开箱即用的中后台管理系统。基于 Vue3、Vite、Element-Plus、TypeScript、Pinia 等主流技术开发,内置许多开箱即用的组件,能快速构建中后台管理系统,目前决定完全开源。

Home Page: https://gist006.gitee.io/vue3-basic-admin/

License: Apache License 2.0

JavaScript 0.32% HTML 0.29% Vue 24.59% TypeScript 23.92% Shell 0.01% SCSS 1.38% CSS 49.49%
axios echarts tyepscript vite vue3 admin pinia mock element-plus mockjs

vue3-basic-admin's People

Contributors

biubiubiu01 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar

vue3-basic-admin's Issues

请问table的column如何多个的自定义solt

image
好像没有生效,我看组件的solt直接定死了name,如果多个自定义solt列就都是一样的,如何改呢,base-table组件到base-page-table组件,要跨越两层组件来做solt,那在base-page-table组件的name如何动态定义呢
base-table组件 <template v-if="item.formType === FormTypeEnum.SLOT"> <slot name="tableColumn" :scope="scope" :column="item"></slot> </template>

base-page-table组件 <template #tableColumn="{ scope, column }"> <slot name="tableColumn" :scope="scope" :column="column"></slot> </template>
最终到引入base-page-table组件
页面 <base-page-table> <template #tableColumn="{ scope, column }"> </template> </base-page-table>

preview error

  1. 使用 npm run build

  2. 使用 npm run preview

  3. 报错

:4173/#/login?redirect=/dashboard:1 Uncaught (in promise) <!doctype html><html lang="en"><head><meta charset="UTF-8"/><link rel="icon" type="image/svg+xml" href="./vite.svg"/><meta name="viewport" content="width=device-width,initial-scale=1"/><title>Vue3 Basic Admin</title><style>.dots-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.dots-wrapper .dots-title{margin-top:25px;font-size:18px;color:#666}.dots-wrapper .dots-loader:not(:required){position:relative;display:inline-block;width:7px;height:7px;margin-bottom:30px;overflow:hidden;text-indent:-9999px;background:0 0;border-radius:100%;box-shadow:#f86 -14px -14px 0 7px,#fc6 14px -14px 0 7px,#6d7 14px 14px 0 7px,#4ae -14px 14px 0 7px;transform-origin:50% 50%;animation:dots-loader 5s infinite ease-in-out}@keyframes dots-loader{0%{box-shadow:#f86 -14px -14px 0 7px,#fc6 14px -14px 0 7px,#6d7 14px 14px 0 7px,#4ae -14px 14px 0 7px}8.33%{box-shadow:#f86 14px -14px 0 7px,#fc6 14px -14px 0 7px,#6d7 14px 14px 0 7px,#4ae -14px 14px 0 7px}16.67%{box-shadow:#f86 14px 14px 0 7px,#fc6 14px 14px 0 7px,#6d7 14px 14px 0 7px,#4ae -14px 14px 0 7px}25%{box-shadow:#f86 -14px 14px 0 7px,#fc6 -14px 14px 0 7px,#6d7 -14px 14px 0 7px,#4ae -14px 14px 0 7px}33.33%{box-shadow:#f86 -14px -14px 0 7px,#fc6 -14px 14px 0 7px,#6d7 -14px -14px 0 7px,#4ae -14px -14px 0 7px}41.67%{box-shadow:#f86 14px -14px 0 7px,#fc6 -14px 14px 0 7px,#6d7 -14px -14px 0 7px,#4ae 14px -14px 0 7px}50%{box-shadow:#f86 14px 14px 0 7px,#fc6 -14px 14px 0 7px,#6d7 -14px -14px 0 7px,#4ae 14px -14px 0 7px}58.33%{box-shadow:#f86 -14px 14px 0 7px,#fc6 -14px 14px 0 7px,#6d7 -14px -14px 0 7px,#4ae 14px -14px 0 7px}66.67%{box-shadow:#f86 -14px -14px 0 7px,#fc6 -14px -14px 0 7px,#6d7 -14px -14px 0 7px,#4ae 14px -14px 0 7px}75%{box-shadow:#f86 14px -14px 0 7px,#fc6 14px -14px 0 7px,#6d7 14px -14px 0 7px,#4ae 14px -14px 0 7px}83.33%{box-shadow:#f86 14px 14px 0 7px,#fc6 14px -14px 0 7px,#6d7 14px 14px 0 7px,#4ae 14px 14px 0 7px}91.67%{box-shadow:#f86 -14px 14px 0 7px,#fc6 14px -14px 0 7px,#6d7 14px 14px 0 7px,#4ae -14px 14px 0 7px}100%{box-shadow:#f86 -14px -14px 0 7px,#fc6 14px -14px 0 7px,#6d7 14px 14px 0 7px,#4ae -14px 14px 0 7px}}</style><script type="module" crossorigin src="./static/js/index-4df0e49c.js"></script><link rel="stylesheet" href="./static/css/index-4ace988b.css"></head><body><div id="app"><div class="dots-wrapper"><div class="dots-loader"></div><div class="dots-title">正在为您疯狂加载,请耐心等待...</div></div></div><script>console.log("version:1.8.3")</script></body></html>

vite更新页面后,pinia始终获取不到token导致请求头带不了,报token无效, router.replace也没有执行成功

image
image
image
缓存里是有token的,在开发中保存代码,每次更新页面,请求接口前,浏览器都获取不到token。
因为获取不了token,接口会报了401,就会退出到登录页面,但是发现vite瞬间更新页面router.replace居然也没生效,router也是有对象是纯在的,也就没办法跳到登录页面。
就是存在两个问题.
大哥咋解决

Pinia状态持久化管理改动建议

Pinia状态持久化是一个很好的功能,设置persist:true可以实现持久化,但是并不是所有的状态都需要使用持久化管理,这里建议对Pinia进行配置,util新建文件:
image
在您的stores下user.ts中可以做一个尝试
image
这样的话我们可以更灵活的去做持久化存储,您的项目学习性将更强!

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.