如何修改RuoYi部署应用路径


一、参考链接

http://doc.ruoyi.vip/ruoyi-vue/document/qdsc.html#%E5%BA%94%E7%94%A8%E8%B7%AF%E5%BE%84

二、修改方法

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

(1)修改 vue.config.js 中的 publicPath 属性

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

(2)修改 router/index.js,添加一行 base 属性

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

(3)/index 路由添加获取子路径 /admin

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

location.href = '/admin/index';

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

location.href = '/admin/index';

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

猜你喜欢

转载自blog.csdn.net/u012069313/article/details/129530029