ruoyi vue部署服务器，点击刷新、登录主页、退出报404和nginx问题解决-Toy模板网

这篇具有很好参考价值的文章主要介绍了ruoyi vue部署服务器，点击刷新、登录主页、退出报404和nginx问题解决。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

官网文档：前端手册 | RuoYi

ruoyi vue部署服务器，点击刷新、登录主页、退出报404和nginx问题解决,应用部署,前端驿站,BUG笔记,vue.js,服务器,nginx

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

1.步骤

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

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

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

location.href = '/admin/index';

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

location.href = '/admin/index';

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 能正常访问和刷新表示成功。

ruoyi vue部署服务器，点击刷新、登录主页、退出报404和nginx问题解决,应用部署,前端驿站,BUG笔记,vue.js,服务器,nginx

ruoyi vue部署服务器，点击刷新、登录主页、退出报404和nginx问题解决,应用部署,前端驿站,BUG笔记,vue.js,服务器,nginx

ruoyi vue部署服务器，点击刷新、登录主页、退出报404和nginx问题解决,应用部署,前端驿站,BUG笔记,vue.js,服务器,nginx

ruoyi vue部署服务器，点击刷新、登录主页、退出报404和nginx问题解决,应用部署,前端驿站,BUG笔记,vue.js,服务器,nginx

ruoyi vue部署服务器，点击刷新、登录主页、退出报404和nginx问题解决,应用部署,前端驿站,BUG笔记,vue.js,服务器,nginx

ruoyi vue部署服务器，点击刷新、登录主页、退出报404和nginx问题解决,应用部署,前端驿站,BUG笔记,vue.js,服务器,nginx 文章来源地址https://www.toymoban.com/news/detail-756986.html

到了这里，关于ruoyi vue部署服务器，点击刷新、登录主页、退出报404和nginx问题解决的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！