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

相关推荐
云安全助手4 分钟前
弹性云服务器+高防IP:让DDoS攻击不再是业务“生死劫”
运维·网络·安全
深色風信子42 分钟前
Docker newapi
运维·docker·容器·newapi
闫利朋2 小时前
Ubuntu 24.04 桌面安装向日葵完整指南
linux·运维·ubuntu
mfxcyh3 小时前
使用MobaXterm配置nginx
java·服务器·nginx
阿里巴巴首席技术官3 小时前
通过纯Nginx实现一个简单的文件上传功能
运维·nginx
pengyi8710154 小时前
动态IP池快速更换实操方案,5分钟完成IP替换
服务器·网络·tcp/ip
GL_Rain4 小时前
快速搭建Halo博客 + 崩溃秒恢复方案(Docker极简部署)
运维·docker·容器
不做无法实现的梦~4 小时前
Linux 上使用 CLion 开发嵌入式,并用 Codex CLI
linux·运维·服务器
被摘下的星星5 小时前
以太网技术
服务器·网络
卓豪终端管理5 小时前
两种终端数据清除策略的技术笔记:企业定向清除 vs 完全擦除
运维·自动化