当前位置: 首页 > news >正文

若依前端-应用路径发布和使用

官网的路径:前端手册 | RuoYi

应用路径

有些特殊情况需要部署到子路径下,例如: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配置

注:本人踩了一个坑:把nginx的alias写成root,费发1小时,发现问题,主要原因是对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 能正常访问和刷新表示成功。

#内容复制

http://www.lryc.cn/news/186282.html

相关文章:

  • Mojo 正式发布,Rust 能否与之匹敌?
  • opencv实现抠图,图像拼接,图像融合
  • 照片处理软件Lightroom Classic mac中文版功能介绍(Lrc2021)
  • asp.net高校留学生信息管理系统VS开发sqlserver数据库web结构c#编程Microsoft Visual Studio
  • C# - Opencv应用(1) 之VS下环境配置详解
  • rsync 远程同步实现快速、安全、高效的异地备份
  • 医学访问学者面试技巧
  • 【19】c++设计模式——>桥接模式
  • 网络安全:六种常见的网络攻击手段
  • 使用HbuilderX运行uniapp中小程序项目
  • 基于PHP的水果商城网站,mysql数据库,前台+后台,原生PHP,PHP study(小皮),完美运行,有一万字报告。
  • 【uniapp】自定义导航栏时,设置安全距离,适配不同机型
  • JAVA经典百题之数组逆序输出
  • vue run dev 配置nginx
  • Python实现RNN算法对MFCC特征的简单语音识别
  • 借助PLC-Recorder,汇川中型PLC(AM、AC系列,CODESYS平台)2ms高速采集的方法
  • vscode package.json文件开头的{总是提升警告
  • $attrs 和 $listeners (vue2vue3)
  • 嵌入式系统中的加密性能:第2部分
  • STM32F103 最小系统 PCB 设计与原理
  • JVM篇---第十一篇
  • MongoDB——window11安装mongodb5.0.21版本服务端(图解版)
  • 第1次 更多的bash shell命令
  • 工业路由器项目应用(4g+5g两种工业路由器项目介绍)
  • 国产开源无头CMS,MyCms v4.7 快捷生成接口开发后台
  • C++(反向迭代器)
  • DataX和dataX-web 集群部署及使用
  • 常见的数据存储方案:选择合适的方式来管理您的数据
  • leetcode 221 最大正方形 + 1277 统计全为1的正方形子矩阵
  • yolov7车牌识别(12种中文车牌类型)