【已解决】若依系统前端打包后，部署在nginx上，点击菜单错误：@/views/system/role/index
- 若依(ruoyi)
- 时间：2023-11-20 22:44
- 1201人已阅读
简介
上面错误，是因为@/views/system/role/index动态路由按需加载时候，错误导致。解决办法：如果是
🔔🔔好消息!好消息!🔔🔔
如果您需要注册ChatGPT，想要升级ChatGPT4。凯哥可以代注册ChatGPT账号，代升级ChatGPT4
有需要的朋友👉:微信号
上面错误，是因为@/views/system/role/index动态路由按需加载时候，错误导致。
解决办法：
如果您的前端项目访问时候，需要带有项目名称的话，参考凯哥上一篇文章：【已解决】若依前后端分离版本，前端项目Nginx部署时候怎么带上应用路径？
先把该修改的都修改后，在来解决这个问题。
凯哥的解决方案如下：
一、将项目中的node_modules 文件夹删除
然后重新
# 安装依赖 npm install # 建议不要直接使用 cnpm 安装依赖，会有各种诡异的 bug。可以通过如下操作解决 npm 下载速度慢的问题 npm install --registry=https://registry.npmmirror.com
二、修改babel.config.js文件
将现有的都注释掉，替换成下面的：
module.exports = {
presets: [
// https://github.com/vuejs/vue-cli/tree/master/packages/@vue/babel-preset-app
// '@vue/cli-plugin-babel/preset'
'@vue/babel-preset-jsx',
[ '@babel/preset-env',
{
'useBuiltIns': 'entry',
'corejs': 3
}]
],
'env': {
'development': {
// babel-plugin-dynamic-import-node plugin only does one thing by converting all import() to require().
// This plugin can significantly increase the speed of hot updates, when you have a large number of pages.
'plugins': ['dynamic-import-node']
},
}
}三、在对应的环境配置文件中添加。凯哥现在使用的是
npm run build:prod 命令构建的。这是生产环境的。所以，凯哥就修改.env.production配置文件，添加如下两句：
BABEL_ENV = production NODE_ENV = production
配置完成之后，重新安装执行
# 构建生产环境 npm run build:prod
将重新生成的dist文件夹放到nginx上面，然后重新访问。登录，点击菜单就正常了。
如果还是不可以的话，参考：https://gitee.com/y_project/RuoYi-Vue/issues/I4PZJF