vite打包时发布时,放在服务器的二级目录中

方式一 hash模式

如果我们的站点根目录为 public , 我们访问的时候使用的是 http://www.abc.com/ 访问到了站点的根目当,现在我们要访问 http://www.abc.com/mysite/#/

配置如下

  1. 修改 vite.config.js base:"/mysite/"
  2. 修改 router中的配置

    上面的步骤完成,就可以 把 build的文件,放在 public/mysite/ 的目录下, 使用 http://www.abc.com/mysite/#/就可以访问了

方式二 history模式

  1. 同样是修改 vite.config.js 的base 属性

  2. 在history模式下, 如果用户刷新页面会出问题,所以我们在要 nginx上配置一下 location
config 复制代码
location /mysite/ {
	try_files $uri $uri/  /mysite/index.html
}

说明一下, hash 模式下的访问路径是:http://www.abc.com/mysite/index.html

history 模式下的访问路径是:http://www.abc.com/mysite/


在history模式下,使用 http://www.abc.com/mysite/index.html 来访问是错误的

相关推荐
zzzzzz3103 小时前
9K Star 炸裂开源!这个 C 语言写的代码知识图谱,把 Linux 内核索引压缩到了 3 分钟
linux·服务器·sql
XIAOHEZIcode3 小时前
Linux系统鼠标偏移常见原因以及修复方案
linux·运维·游戏
用户03284722207019 小时前
如何搭建本地yum源(上)
运维
大树884 天前
金刚石散热越强,管路越先见顶
大数据·运维·服务器·人工智能·ai
摇滚侠4 天前
Linux CentOS7 rpm 安装 MySQL 5.7
linux·运维·mysql
霸道流氓气质4 天前
领域驱动设计(DDD)在 Spring Boot 微服务中的实践指南
运维·spring boot·微服务
小宇宙Zz4 天前
Maven依赖冲突
java·服务器·maven
Inhand陈工4 天前
基于台达PLC与映翰通IG502的智慧水产养殖精准投喂与远程运维解决方案
运维·人工智能·物联网·阿里云·信息与通信
酣大智4 天前
ARP代理--工作原理
运维·网络·arp·arp代理
shushangyun_4 天前
2026年快消品B2B系统推荐:支持终端门店订货、促销政策自动化的工具?
java·运维·网络·数据库·人工智能·spring·自动化