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

相关推荐
Web极客码几秒前
释放WordPress磁盘空间并减少Inode使用量
服务器·数据库·ubuntu
✧˖‹gσσ∂ иιghт›✧17 分钟前
esp32 s3 修改本地ip和服务器IP
服务器·网络协议·tcp/ip
Ares-Wang18 分钟前
网络》》防火墙
运维·服务器·网络
朝阳58124 分钟前
树莓派 Ubuntu 系统登录问题完整指南:解决 Permission denied (publickey)错误
linux·运维·ubuntu
默|笙25 分钟前
【Linux】基础IO(1)文件、fd
linux·运维·服务器
凌波粒29 分钟前
Linux高级篇-日志管理/Linux裁剪/内核源码/备份与恢复/可视化管理
linux·运维·服务器
阿杰 AJie30 分钟前
如何将公司公网ip绑定到服务器和域名
服务器·网络·tcp/ip
米优31 分钟前
srs媒体流服务器二次开发-实现读取配置文件功能
服务器·后端·媒体
BJ_Bonree31 分钟前
数智先锋 | Bonree ONE助力温氏集团构建“零一五十”智能运维体系,夯实智慧养殖数字底座!
运维
m0_7269659832 分钟前
【服务器二】下载拓展成功
运维·服务器