GithubHelp home page GithubHelp logo

yangzongzhuan / ruoyi-vue3 Goto Github PK

View Code? Open in Web Editor NEW
4.2K 4.2K 1.7K 1.38 MB

:tada: (RuoYi)官方仓库 基于SpringBoot,Spring Security,JWT,Vue3 & Vite、Element Plus 的前后端分离权限管理系统

Home Page: http://ruoyi.vip

License: MIT License

Batchfile 0.06% HTML 4.59% Vue 77.14% JavaScript 15.23% SCSS 2.99%
admin element-plus element-ui vite vite2 vue vue-admin vue-element-admin vue-router vue3 vue3-admin

ruoyi-vue3's People

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  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

ruoyi-vue3's Issues

hash下 index页面跳转优化

场景:
hash 模式 oss 部署(没法 try_file) 的情况下,初始页面跳转 /index 会尝试去找 /index 而导致404

解决方案建议:
考虑到 hash 场景还没办法设置 try_file ,在跳转 /index 的地方,变更为跳转 / 即可
包含(暂时发现的):

  1. NavBar 退出的跳转,
  2. 404 页面跳转到首页
  3. request.js 中 store.dispatch('LogOut') 下的跳转
    为保证修复完整,还是提问题给大佬修复为妙

按照指令执行yarn --registry=https://registry.npmmirror.com后,执行npm run dev报以下错误

Pre-bundling dependencies:
vue
js-cookie
element-plus
element-plus/lib/locale/lang/zh-cn
vuex
(...and 9 more)
(this will be run only when your dependencies or config have changed)
error when starting dev server:
Error: listen EACCES: permission denied 0.0.0.0:80
at Server.setupListenHandle [as _listen2] (net.js:1303:21)
at listenInCluster (net.js:1368:12)
at Server.listen (net.js:1454:7)
at Server.httpServer.listen (D:\project\center-temp\rouyi-vue\RuoYi-Cloud-Vue3-master\node_modules\vite\dist\node\chunks\dep-e0fe87f8.js:66928:20)
at processTicksAndRejections (internal/process/task_queues.js:95:5)

图片显示问题

代码生成器生成前后端,列表内的图片无法显示(这导致了整个列表无法显示),详细错误见下

index.vue:36 
        
       Uncaught (in promise) TypeError: Cannot read properties of null (reading 'split')
    at ReactiveEffect.fn (index.vue:36:1)
    at ReactiveEffect.run (reactivity.esm-bundler.js:167:25)
    at get value [as value] (reactivity.esm-bundler.js:1101:39)
    at unref (reactivity.esm-bundler.js:1009:29)
    at Object.get (reactivity.esm-bundler.js:1012:37)
    at Proxy._sfc_render (index.vue:61:1)
    at renderComponentRoot (runtime-core.esm-bundler.js:893:44)
    at ReactiveEffect.componentUpdateFn [as fn] (runtime-core.esm-bundler.js:5030:57)
    at ReactiveEffect.run (reactivity.esm-bundler.js:167:25)
    at setupRenderEffect (runtime-core.esm-bundler.js:5156:9)

我尝试将image-preview组件更换为el-image组件,更换后图片是可以正常显示的
自动生成前端代码见下

                   <el-table-column label="照片" align="center" prop="photo" width="100">
						<template #default="scope">
                            <image-preview :src="scope.row.photo" :width="50" :height="50" />
                        </template>
                    </el-table-column>

更换组件后代码见下

                   <el-table-column label="照片" align="center" prop="photo" width="100">
						<template #default="scope">
                            <el-image :src="'/dev-api'+scope.row.photo" :width="50" :height="50" />
                        </template>
                    </el-table-column>

前端打包后所有路径404问题

前端打包之后基本上所有项目都是404,值得注意的是我看了一下,暂时还没有网络请求,本地文件(css、js)首先就已经找不到了。求解决。

跨域解决

大佬,为何这个vue3项目,我设置了本地proxy,解决跨域,不生效呢,就好像一直不走这一块一样

环境配置缺失提示

问题:
.env 配置文件在意外导致配置缺失时,(VITE_BUILD_COMPRESS 配置只在生产打包才需要,而且是必需的,本地 dev 不需要也不会报错)提示为代码报错,未有具体报错提示。
两个可行的建议:

  1. 配置缺失时,赋值默认配置
  2. 配置缺失时,报告缺失项目(实际上报空了,但位置与此配置无关,导致问题排查难度大增)

克隆下来,启动失败

(this will be run only when your dependencies or config have changed)
error when starting dev server:
Error: listen EACCES: permission denied 0.0.0.0:80
at Server.setupListenHandle [as _listen2] (net.js:1296:21)
at listenInCluster (net.js:1361:12)
at Server.listen (net.js:1447:7)
at Server.httpServer.listen (E:\MyTest\RuoYi-Vue3\node_modules\vite\dist\node\chunks\dep-e0fe87f8.js:66928:20)
at processTicksAndRejections (internal/process/task_queues.js:97:5)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] dev: vite
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] dev script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\lenovo\AppData\Roaming\npm-cache_logs\2022-02-23T07_13_50_194Z-debug.log

TopNav默认看板页面显示不协调

1.默认进入首页看板,头部导航栏靠右,且左边空白【固定顶部导航栏】。
2.处理方式进如components/TopNav/index.vue 文件
image
*将此处的true改为false。
image
*这里/index由于上面的处理,所以吧斜杠的情况也加入进来。
此处的index来源于路由中的配置,请检查你自己的是否匹配

vue文件大小写问题

问题:
git 本身大小写不敏感,在本地调戏代码,大小写修改后能正常,但到了线上编译总是提示找不到 vue 文件
修复建议:

  1. 此问题应该是大家都喜欢范的错,可以完全避免不可能,创建 Wiki 的方式在里面说明(可以写明一个大小写规范)即可
  2. 解决本项目内的大小写问题
    2.1 TagsView/index.vue
    2.2 Sidebar/index.vue
    2.3 layout/index.vue (router/index.js)找 index.vue 异常
    其他的忘记了,但直接拉取 git 后编译就能看到问题。

字典问题

手册上这样写
import DictData from '@/components/DictData'
DictData.install()

说这个在main.js里面有
但是看下了没有 生成的模板有关联字典就报错

修改生成代码的配置信息时,报错

系统工具-》代码生成-》数据列表的编辑图表按钮-》点击提交按钮报错
JSON parse error: Unrecognized field "required" (class com.ruoyi.generator.domain.GenTableColumn), not marked as ignorable; nested exception is com.fasterxml.jackson.databind.exc.UnrecognizedPropertyException: Unrecognized field "required" (class com.ruoyi.generator.domain.GenTableColumn), not marked as ignorable (24 known properties: "updateBy", "columnName", "queryType", "isInsert", "isPk", "params", "isList", "searchValue", "columnType", "columnId", "createBy", "isEdit", "updateTime", "javaField", "javaType", "isQuery", "isIncrement", "createTime", "dictType", "sort", "tableId", "columnComment", "isRequired", "htmlType"]) at [Source: (PushbackInputStream); line: 1, column: 985] (through reference chain: com.ruoyi.generator.domain.GenTable["columns"]->java.util.ArrayList[0]->com.ruoyi.generator.domain.GenTableColumn["required"])

前端发送请求到后端传参问题

如果axios发请求,不使用封装好的这个import request from '@/utils/request',应该怎么传参,才能后端权限验证通过。
如果直接拼headers: { Authorization: "Bearer " + getToken() } 不生效!,求救!

Cannot read property 'parentNode' of null

故障现像:
某个页面异常后
点击所有正常页面都报错,
只能全部刷新

Cannot read property 'parentNode' of null

runtime-core.esm-bundler.js:6620 [Vue warn]: Unhandled error during execution of scheduler flush. This is likely a Vue internals bug. Please open an issue at https://new-issue.vuejs.org/?repo=vuejs/vue-next
at
at
at <Index onVnodeUnmounted=fn ref=Ref< Proxy {__v_skip: true} > >
at
at


vue-router.esm-bundler.js:72
[Vue Router warn]: uncaught error during route navigation:
  warn @ vue-router.esm-bundler.js:72
  triggerError @ vue-router.esm-bundler.js:3293
  (匿名) @ vue-router.esm-bundler.js:3334
  Promise.catch(异步)    
  handleScroll @ vue-router.esm-bundler.js:3334
  finalizeNavigation @ vue-router.esm-bundler.js:3188
  (匿名) @ vue-router.esm-bundler.js:3060
  Promise.then(异步)    
  pushWithRedirect @ vue-router.esm-bundler.js:3031
  push @ vue-router.esm-bundler.js:2962
  navigate @ vue-router.esm-bundler.js:2089
  callWithErrorHandling @ runtime-core.esm-bundler.js:6737
  callWithAsyncErrorHandling @ runtime-core.esm-bundler.js:6746
  invoker @ runtime-dom.esm-bundler.js:357

vue-router.esm-bundler.js:3295 TypeError: Cannot read property 'parentNode' of null
at parentNode (runtime-dom.esm-bundler.js:35)
at ReactiveEffect.componentUpdateFn [as fn] (runtime-core.esm-bundler.js:4411)
at ReactiveEffect.run (reactivity.esm-bundler.js:160)
at callWithErrorHandling (runtime-core.esm-bundler.js:6737)
at flushJobs (runtime-core.esm-bundler.js:6976)

runtime-dom.esm-bundler.js:35 Uncaught (in promise) TypeError: Cannot read property 'parentNode' of null
at parentNode (runtime-dom.esm-bundler.js:35)
at ReactiveEffect.componentUpdateFn [as fn] (runtime-core.esm-bundler.js:4411)
at ReactiveEffect.run (reactivity.esm-bundler.js:160)
at callWithErrorHandling (runtime-core.esm-bundler.js:6737)
at flushJobs (runtime-core.esm-bundler.js:6976)

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.