ruoyi vue部署服务器,点击刷新、登录主页、退出报404和nginx问题解决
创始人
2025-01-19 13:33:37
0

官网文档:前端手册 | RuoYi

步骤如下:有些特殊情况需要部署到子路径下,例如:https://www.ruoyi.vip/admin,可以按照下面流程修改。

1.步骤

1.1.修改vue.config.js中的publicPath属性

publicPath: process.env.NODE_ENV === "production" ? "/admin/" : "/admin/", 

1.2.修改router/index.js,添加一行base属性

export default new Router({   base: "/admin",   mode: 'history', // 去掉url中的#   scrollBehavior: () => ({ y: 0 }),   routes: constantRoutes }) 

1.3./index路由添加获取子路径/admin

修改layout/components/Navbar.vue中的location.href

location.href = '/admin/index'; 

修改utils/request.js中的location.href

location.href = '/admin/index'; 

1.4.修改nginx配置

location /admin { 	alias   /home/ruoyi/projects/ruoyi-ui; 	try_files $uri $uri/ /admin/index.html; 	index  index.html index.htm; } 

打开浏览器,输入:https://www.ruoyi.vip/admin 能正常访问和刷新表示成功。

2. 修改

2.1.Nginx配置

2.2.生产API接口配置

 2.3.vue.config.js配置

2.4.router/index.js配置  

2.5.layout/components/Navbar.vue和utils/request.js配置

相关内容

热门资讯

黑科技透视(pokerworl... 黑科技透视(pokerworld)外挂透明挂黑科技辅助插件(透视)玩家教你(2020已更新)(哔哩哔...
黑科技游戏(pokerist)... 您好,pokerist这款游戏可以开挂的,确实是有挂的,需要了解加去威信【136704302】很多玩...
黑科技安卓版(鱼扑克发牌规律)... 黑科技安卓版(鱼扑克发牌规律)AAPOkER竟然是有挂!太无语了先前存在有挂(2023已更新)(哔哩...
黑科技最新!微扑克有辅助挂,太... 黑科技最新!微扑克有辅助挂,太坑了总是有挂(透视)2025新版教程(2020已更新)(哔哩哔哩)1、...
黑科技软件(WpK)外挂透明挂... 黑科技软件(WpK)外挂透明挂黑科技辅助软件(透视)实用技巧(2022已更新)(哔哩哔哩)1、超多福...
黑科技安卓版(微扑克透明挂)扑... 1、黑科技安卓版(微扑克透明挂)扑克时间原先真的有挂!太实锤了竟然是真的有挂(2020已更新)(哔哩...
黑科技黑科技(微扑克AI)外挂... 黑科技黑科技(微扑克AI)外挂透明挂辅助ai(透视)必赢教程(2024已更新)(哔哩哔哩)1、起透看...
黑科技app!智星德州菠萝辅助... 黑科技app!智星德州菠萝辅助器免费下载,太夸张了好像存在有挂(透视)详细教程(2020已更新)(哔...
黑科技智能(cloudpoke... 黑科技智能(cloudpoker云扑克)外挂透明挂黑科技辅助神器(透视)细节方法(2024已更新)(...
黑科技苹果版(鱼扑克发牌规律)... 黑科技苹果版(鱼扑克发牌规律)轰趴大菠萝最初是有挂!太夸张了原来存在有挂(2020已更新)(哔哩哔哩...