pure-admin / vue-pure-admin Goto Github PK

根据不同的用户身份来动态添加展示对应的路由信息

你好，请教一下，最新版使用了keep-alive的页面生命周期会加载多次，导致页面重复请求，这种怎么解决呢

form 表单使用的时候都是不能用的

Describe the bug
外链路径错误，少个‘/’，使用https可以正常打开，但http的链接会加到路由上导致打开错误

To Reproduce
把外链改成http

Screenshots

Describe the bug
A clear and concise description of what the bug is.

To Reproduce
Steps to reproduce the behavior:

1. Go to '...'
2. Click on '....'
3. Scroll down to '....'
4. See error

Expected behavior
A clear and concise description of what you expected to happen.

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

• OS: [e.g. iOS]
• Browser [e.g. chrome, safari]
• Version [e.g. 22]

Smartphone (please complete the following information):

• Device: [e.g. iPhone6]
• OS: [e.g. iOS8.1]
• Browser [e.g. stock browser, safari]
• Version [e.g. 22]

Additional context
Add any other context about the problem here.

当前项目为什么要用 /@ 指向 src， 是在开发中遇到有些问题，才这样的吗。因为 vue2.0 默认是 @ 指向 src 目录。

1.页面改变以后，变量不变，请问一下大佬，这是什么问题

2.页面的写法里面没有export default{
} 这些是新的写法吗？

保留页面编辑内容，如在“编辑”页面编辑了一些内容，切换到其他页面，再切换回来，发现原来编辑的内容不见了，希望能够保留。

个人vue-pure-admin版本与当前版本一致
"element-plus": "1.1.0-beta.20",

我在用siderbar组件时候 有个很麻烦的问题
显示process err

path.js:25 Uncaught ReferenceError: process is not defined
    at node_modules/path/path.js (path.js:25)
    at __require (chunk-A5ICIBVI.js?v=25964595:12)
    at dep:path:1

新建的项目，按着搬代码，SidebarItem.vue提示这个报错,感觉path库和@types/node里的path冲突，去掉path又报错

vue-router.esm-bundler.js:3248 TypeError: path.resolve is not a function
    at Proxy.resolvePath (SidebarItem.vue:110)
    at Proxy._sfc_render (SidebarItem.vue:10)
    at renderComponentRoot (runtime-core.esm-bundler.js:1168)
    at componentEffect (runtime-core.esm-bundler.js:5214)
    at reactiveEffect (reactivity.esm-bundler.js:42)
    at effect (reactivity.esm-bundler.js:17)
    at setupRenderEffect (runtime-core.esm-bundler.js:5167)
    at mountComponent (runtime-core.esm-bundler.js:5126)
    at processComponent (runtime-core.esm-bundler.js:5084)
    at patch (runtime-core.esm-bundler.js:4690)

只去掉@types/node也报错

Uncaught Error: Module "path" has been externalized for browser compatibility and cannot be accessed in client code.
    at Object.get (__vite-browser-external:path:3)
    at Proxy.resolvePath (SidebarItem.vue:110)
    at Proxy._sfc_render (SidebarItem.vue:10)
    at renderComponentRoot (runtime-core.esm-bundler.js:1168)
    at componentEffect (runtime-core.esm-bundler.js:5214)
    at reactiveEffect (reactivity.esm-bundler.js:42)
    at effect (reactivity.esm-bundler.js:17)
    at setupRenderEffect (runtime-core.esm-bundler.js:5167)
    at mountComponent (runtime-core.esm-bundler.js:5126)
    at processComponent (runtime-core.esm-bundler.js:5084)

不知道是哪里的问题，求教

尝试利用docker构建开发环境时，总是提示包无法引入

scanner-web | 
scanner-web | > [email protected] serve /project
scanner-web | > pnpm dev
scanner-web | 
scanner-web | 
scanner-web | > [email protected] dev /project
scanner-web | > vite
scanner-web | 
scanner-web | failed to load config from /project/vite.config.ts
scanner-web | error when starting dev server:
scanner-web | Error: Cannot find module '@vitejs/plugin-vue-jsx'
scanner-web | Require stack:
scanner-web | - /project/vite.config.ts
scanner-web | - /project/node_modules/vite/dist/node/chunks/dep-efe32886.js
scanner-web | - /project/node_modules/vite/dist/node/cli.js
scanner-web | - /project/node_modules/vite/bin/vite.js
scanner-web |     at Function.Module._resolveFilename (node:internal/modules/cjs/loader:933:15)
scanner-web |     at Function.Module._load (node:internal/modules/cjs/loader:778:27)
scanner-web |     at Module.require (node:internal/modules/cjs/loader:1005:19)
scanner-web |     at require (node:internal/modules/cjs/helpers:102:18)
scanner-web |     at Object.<anonymous> (/project/vite.config.ts:32:40)
scanner-web |     at Module._compile (node:internal/modules/cjs/loader:1101:14)
scanner-web |     at Object.require.extensions.<computed> [as .ts] (/project/node_modules/vite/dist/node/chunks/dep-efe32886.js:46235:20)
scanner-web |     at Module.load (node:internal/modules/cjs/loader:981:32)
scanner-web |     at Function.Module._load (node:internal/modules/cjs/loader:822:12)
scanner-web |     at Module.require (node:internal/modules/cjs/loader:1005:19)
scanner-web |  ELIFECYCLE  Command failed with exit code 1.
scanner-web |  ELIFECYCLE  Command failed with exit code 1.

docker 的配置如下

FROM node:16.11.0-slim

RUN mkdir /project
WORKDIR /project

COPY . .

RUN npm install -g pnpm 
RUN pnpm add -g pnpm
RUN pnpm i
RUN pnpm add -D @vitejs/plugin-vue-jsx

CMD [ "pnpm", "serve"]

我把token放在store.getters.token中，配置Authorization: store.getters.token，store中的token最开始放的是登陆前的基础token，登陆后把获取到新的token放进去，但取出来的还是以前的老的token，没有取到新的token，请问该如何配置呢？

关于最近路由动态国际化的更新。
我觉得每个地方使用transformI18n(item.meta.title, item.meta.i18n)有点繁杂。
我觉得这个这部分在路由获取载入的时候处理比较好。只需要在initRouter方法里
统一遍历路由源数据。使用transformI18n, 让meta.title根据item.meta.i18n改成正确的meta.title这样使用到的地方，只用{{item.meta.title}}就好了。
以后维护起来也方便，用起来也美观。
因为改动比较大。调整的页面文件比较多。所以我没有进行修改。

Is your feature request related to a problem? Please describe.
horizontal / vertical navigation

Describe the solution you'd like
A clear and concise description of what you want to happen.

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.

Additional context
Add any other context or screenshots about the feature request here.

*****架包 安装时 报 GET https://registry.npm.taobao.org/@intlify/core-base/-/core-base-9.2.0-beta.17.tgz: Not Found - 404

SeamlessScroll.vue 组件在多处使用时，只有一个能自动滚动！

可能你会遇到如下图警告，警告过多，导致打包时间过长，让我们耐心一点，等待官方解决🙏
目前解决方案：build: { minify: false } ，不采用Esbuild打包最小化混淆

第一个是线上效果，第二个是本地运行的

控制台没有报错信息

安装的时候出现依赖包下载不了，报错信息：

GET https://registry.npmjs.org/~/@intlify/core-base/-/core-base-9.2.0-beta.17.tgz: Not Found - 404

该版本重构了storage，请先清理缓存再打开页面！！！

Describe the bug
点击面包屑重定向菜单的第一个字菜单(前提是标签页没有那个菜单的路由以后会出现页面出现)，标签页没出现

现在支持国际化挺好的，但是不够完美。
因为采用动态路由，这时路由中对应的国际化又需要本地预配置，这样就违背了动态的初衷。
看看有没有办法路由、国际化同时动态。
那样就完美了。

能否搭建一个试用地址 让我们看看效果

HeyUI组件库中有一个很好用的功能——全局字典（ https://www.heyui.top/component/config ），这个功能可以让你在任何需要使用字典的位置用{{value | dictMapping(key)}}取值，非常方便，建议借鉴过来。

建议抽离配置参数为单独的配置模块

控制台提示 Uncaught SyntaxError: Unexpected token .

The font-family in setting.json will break vscode integrated terminal, making me confused whats wroing with my computer.

很多时候使用富文本都是搞个图文，需要直接上传本地文件，或者直接微信截图，Ctrl+V拷贝进去，这个感觉像个文本框

⚠️注意：如果你使用的是taobao源，请更换到npm源：npm config set registry https://registry.npmjs.org

1. 节约磁盘空间并提升安装速度​
   当使用 npm 或 Yarn 时，如果你有100个项目使用了某个依赖，就会有100份该依赖的副本保存在硬盘上。 对于 pnpm ，依赖项将存储在一个内容可寻址的仓库中，因此：如果你用到了某依赖项的不同版本，那么只会将有差异的文件添加到仓库。例如，如果它有100个文件，而新版本只改变了其中1个文件。那么 pnpm update 只会向存储中心添加1个新文件，不会仅因为单一的改变而克隆整个依赖。所有文件都会存储在硬盘上的同一位置。 当多个包（package）被安装时，所有文件都会从同一位置创建硬链接，不会占用额外的磁盘空间。 这允许你跨项目地共享同一版本的依赖。最终你节省了大量与项目和依赖成比例的硬盘空间，并且拥有更快的安装速度！
2. 创建非扁平化的 node_modules 文件夹​
   当使用 npm 安装依赖时，所有的依赖都会被提升到模块的根目录。 因此，项目可以访问到未被添加进 当前 项目的依赖。pnpm 使用软链的方式将项目的直接依赖添加进模块文件夹的根目录。
3. 如果你使用过yarn，那么可以无学习成本的迁移，基本命令保持一致
4. 注意点：
   
   下面是我开发环境的版本
   
5. 如果你还没有安装pnpm，请执行下面命令：
   安装：npm install -g pnpm 或 npx pnpm add -g pnpm
   升级：pnpm add -g pnpm
   兼容性：https://pnpm.io/zh/installation#%E5%85%BC%E5%AE%B9%E6%80%A7
6. 常用知识：推荐文章：https://blog.csdn.net/weixin_40817115/article/details/86611179
   

#SidebarItem 主键 中 使用到了 path 包

const resolvePath = (routePath: string) => {
      return path.resolve(props.basePath, routePath);
    };

出现这样的错误
Uncaught (in promise) Error: Module "path" has been externalized for browser compatibility and cannot be accessed in client code.
请问这个是你是怎么解决的？

请问按需引入UI组件后，这个样式会出现问题吗，我之前按需引入后，个别组件样式加载不出来，全局引入就可以

在Tab右键菜单中增加“”关闭右侧标签页”和“关闭左侧标签页”，这样更加方便。

1. • 更新font-awesome到5.0版本，因为5.0以下的版本官方不再维护，但平台依旧会兼容font-awesome4版本
2. • 优化标签页，带来更好的交互体验，类似 https://ant.design/components/tabs/#components-tabs-demo-slide
3. • 平台已有视频教程，之后将编写文档（文档地址）
4. • 目前平台的标签页强制关联了本地存储，下一步标签页默认放到内存中并支持可配置持久化标签页
5. • 暗黑主题
6. • 重构env环境和http请求，带来更方便的体验
7. • 重构路由，优化权限模块，带来更方便的体验
8. • 添加综合模式导航，类似下图
     

开源不易，望珍惜！！！