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 来访问是错误的

相关推荐
为思念酝酿的痛6 小时前
POSIX信号量
linux·运维·服务器·后端
专业白嫖怪6 小时前
什么是docker
运维·docker·容器
隔窗听雨眠7 小时前
Nginx网关响应慢排查手记
java·服务器·nginx
人还是要有梦想的7 小时前
linux下用搜狗输入法,中英文切换
linux·运维·服务器
北京智和信通8 小时前
某部队IT基础设施及机房动环统一运维建设实例
运维·网管平台·网管软件·网络管理系统·网络运维平台·网络运维系统
乐维_lwops8 小时前
从 “救火运维” 到 “自动驾驶”:运维智能体到底解决了什么?
运维·人工智能·运维智能体
bush48 小时前
嵌入式linux学习记录二
linux·运维·学习
9分钟带帽8 小时前
linux_通过NFS挂载远程服务器的硬盘
linux·服务器
weixin_468466858 小时前
MoneyPrinterTurbo 短视频自动化生产实战指南
运维·人工智能·自动化·大模型·音视频·moneyprinter
難釋懷9 小时前
Nginx自签名-图形化工具 XCA
运维·nginx