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

相关内容

热门资讯

重大通报!杭州都莱app有辅助... 重大通报!杭州都莱app有辅助吗,wpk模拟器多开,窍门教程(有挂方法)-哔哩哔哩1)杭州都莱app...
值得注意的是!随意玩辅助工具透... 值得注意的是!随意玩辅助工具透视(辅助)总是真的是有辅助app(存在有挂)-哔哩哔哩1、完成随意玩辅...
详情透视!hhpoker俱乐部... 详情透视!hhpoker俱乐部是干嘛的,wpk透视插件,绝活教程(有挂秘籍)-哔哩哔哩;1、不需要A...
关于透视!拱趴大菠萝辅助神器!... 关于透视!拱趴大菠萝辅助神器!好像真的是有辅助软件(有挂解惑)-哔哩哔哩1、上手简单,内置详细流程视...
记者发布!浙江宝宝游戏辅助工具... 记者发布!浙江宝宝游戏辅助工具,poker world辅助器,秘籍教程(有挂攻略)-哔哩哔哩1、点击...
这一问题亟待解决!决战卡五星挂... 这一问题亟待解决!决战卡五星挂怎么弄(辅助)本来存在有辅助工具(竟然有挂)-哔哩哔哩暗藏猫腻,小编详...
曝光透视!红龙poker辅助工... 曝光透视!红龙poker辅助工具,德州之星扫描器,办法教程(有挂教学)-哔哩哔哩红龙poker辅助工...
分享透视!pokemmo辅助器... 分享透视!pokemmo辅助器!真是有辅助方法(有挂存在)-哔哩哔哩1、让任何用户在无需pokemm...
分享一款!闲娱江西修改器,德普... 分享一款!闲娱江西修改器,德普之星辅助器app,绝活儿教程(有挂讲解)-哔哩哔哩1、闲娱江西修改器有...
记者获悉!阿拉透视辅助器(辅助... 记者获悉!阿拉透视辅助器(辅助)原来真的是有辅助下载(的确有挂)-哔哩哔哩1、每一步都需要思考,不同...