网站建设的意义与目的,pc端软件下载,49图库下浏览器,黄金网站app视频下载小说1 官方参考 若依官方文档提供了一种解决方式#xff1a;前端手册 | RuoYi 若依文档给的已经很明白了#xff0c;但如果子路径 /admin 发生改变#xff0c;修改起来就感觉比较费事了#xff0c;毕竟要修改4个文件。 这里咱们把子路径抽取出来#xff0c;放到环境配置文件中…1 官方参考 若依官方文档提供了一种解决方式前端手册 | RuoYi 若依文档给的已经很明白了但如果子路径 /admin 发生改变修改起来就感觉比较费事了毕竟要修改4个文件。 这里咱们把子路径抽取出来放到环境配置文件中.env.development或.env.production 这样如果子路径发生改变咱们只需要修改一处即可 2 修改步骤 1、在配置文件.env.development中定义一个子路径参数为 /subpath # 部署后的子路径对应nginx映射路径 VUE_APP_SUB_PATH /subpath 2、修改vue.config.js中publicPath的值 publicPath: process.env.VUE_APP_SUB_PATH, 3、修改router/index.js添加一行base属性 export default new Router({base: /subpath,mode: history, // 去掉url中的#scrollBehavior: () ({ y: 0 }),routes: constantRoutes }) 4、修改layout/components/Navbar.vue中的location.href location.href process.env.VUE_APP_SUB_PATH 由于在router/index.js中空值和/index对应同一个路由这里为了适配子路径为/的情况所以后边不用加/index 5、修改utils/request.js中的location.href location.href process.env.VUE_APP_SUB_PATH // /index 6、nginx的配置 location /subpath {alias /home/ruoyi/projects/ruoyi-ui;try_files $uri $uri/ /subpath/index.html;index index.html index.htm; } 这里有两点需要注意 1、nginx配置中是alias而不是root 2、 try_files $uri $uri/ /subpath/index.html; “/subpath”要在这里写一次否则部署后无法刷新。