目录

• 一、参考链接
• 二、修改方法
• • （1）修改 vue.config.js 中的 publicPath 属性
  • （2）修改 router/index.js，添加一行 base 属性
  • （3）/index 路由添加获取子路径 /admin
  • （4）修改 nginx 配置

一、参考链接

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