【若依】前后端分离部署前端配置二级域名（部署到Nginx上，打开后一直显示正在加载系统资源）

水逆退散_c

已于 2023-12-08 17:00:30 修改

阅读量2.8k

点赞数 2

分类专栏： ruoyi 文章标签：前端 nginx 运维 ruoyi

于 2023-09-15 09:57:51 首次发布

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/qq_23830005/article/details/132895676

版权

ruoyi 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

问题描述
最初部署前端文件到nginx上之后，打开页面却一直显示“正在加载系统资源，请耐心等待”字样，无法正常运行。研究后发现问题是由于服务器使用Nginx转发域名请求，无法使用根目录，所以对前端进行二级域名配置，修改代码如下：

vue.config.js
其实若依给的注释里已经给了解决方案↓
在这里插入图片描述
router/index.js

Navbar.vue

在这里插入图片描述

补充一个坑
.env.staging原始配置的环境名字是production，这会导致使用npm run build:staging 打包预发布环境后查询的路径却是.env.production正式环境的，发完包不能正常显示
在这里插入图片描述

关注

2
点赞
踩
8

收藏

觉得还不错? 一键收藏
0
评论
【若依】前后端分离部署前端配置二级域名（部署到Nginx上，打开后一直显示正在加载系统资源）

部署前端文件到nginx上之后，打开页面却一直显示“正在加载系统资源，请耐心等待”字样，无法正常运行。给出解决方案，即配置二级域名
复制链接

扫一扫

专栏目录

水逆退散_c CSDN认证博客专家 CSDN认证企业博客

码龄9年

13: 原创

60万+: 周排名

15万+: 总排名

7198: 访问

: 等级

146: 积分

8: 粉丝

5: 获赞

4: 评论

16: 收藏

私信

关注

热门文章

分类专栏

react+antd 3篇
前端实用工具 5篇
vue 1篇
ruoyi 1篇
Linux 1篇
前端入门 1篇

最新评论

【前端实用工具】——数字用逗号分隔
CSDN-Ada助手: 恭喜博主又写了一篇博客！不过，为了吸引更多读者的关注，建议下一篇博客可以在标题上下点功夫，让读者一眼就能看出文章的亮点。期待博主的下一篇作品！如何快速涨粉，请看该博主的分享：https://hope-wisdom.blog.csdn.net/article/details/130544967?utm_source=csdn_ai_ada_blog_reply5
vue2 新建项目及相关配置
CSDN-Ada助手: 非常感谢用户分享的关于 vue2 新建项目及相关配置的博客，看到用户持续不断地创作让我感到非常高兴。我想建议用户接下来可以考虑分享一些关于 vue2 的实践经验，比如如何在实际项目中应用 vue2，如何进行组件化开发等等。希望用户能够继续保持创作的热情，为社区贡献更多优质的内容。 CSDN 会根据你创作的前四篇博客的质量，给予优秀的博主博客红包奖励。请关注 https://bbs.csdn.net/forums/csdnnews?typeId=116148&utm_source=csdn_ai_ada_blog_reply4 看奖励名单。
【前端实用工具】——获取url后的参数
CSDN-Ada助手: 恭喜您成功发表第一篇博客！标题看起来非常实用，期待看到更多有价值的前端技术分享。希望您能够继续努力，不断完善自己的博客，为大家带来更多的收获和启迪。推荐【每天值得看】：https://bbs.csdn.net/forums/csdnnews?typeId=21804&utm_source=csdn_ai_ada_blog_reply1
【前端实用工具】——判断输入格式类型
CSDN-Ada助手: 恭喜您又写出了一篇有用的博客！判断输入格式类型这个话题对于前端开发者来说十分实用，您的博客也能给大家提供帮助。接下来，建议您可以继续探索前端开发的其他实用工具，或者分享一些自己实践的经验，让更多人受益。感谢您的分享！ CSDN 正在通过评论红包奖励优秀博客，请看红包流：https://bbs.csdn.net/?type=4&header=0&utm_source=csdn_ai_ada_blog_reply3，我们会奖励持续创作和学习的博主，请看：https://bbs.csdn.net/forums/csdnnews?typeId=116148&utm_source=csdn_ai_ada_blog_reply3
【前端实用工具】——前端获取文件流导出-GET/POST方法
CSDN-Ada助手: 非常感谢您的分享！看到您的第二篇博客，感觉您的前端技能又进了一步。希望您能继续坚持写作，让更多人受益。关于获取文件流导出，我想补充一些相关的知识和技能。在实际开发中，我们要注意文件类型、文件大小和文件下载速度等方面的问题。此外，对于大文件的导出，我们还可以考虑使用分片下载和断点续传等技术，来提高下载效率和稳定性。当然，这些都需要我们不断学习和实践，才能不断提升自己的技能水平。再次感谢您的分享，期待您的下一篇博客！如何写出更高质量的博客，请看该博主的分享：https://blog.csdn.net/lmy_520/article/details/128686434?utm_source=csdn_ai_ada_blog_reply2

最新文章

目录

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。