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

相关推荐
_dindong5 小时前
Linux网络编程:结合内核数据结构详谈epoll的工作原理
linux·服务器·网络
buyutang_5 小时前
Linux网络编程:Socket套接字编程概念及常用API接口介绍
linux·服务器·网络·tcp/ip
小小哭包5 小时前
Nginx配置文件nginx.conf中文详解
运维·nginx
weixin_431697205 小时前
onlyoffice预览nginx代理的静态文件
运维·nginx
杨云龙UP5 小时前
从0搭建Oracle ODA NFS异地备份:从YUM源到RMAN定时任务的全流程
linux·运维·数据库·oracle
DN金猿5 小时前
恢复 Linux 上误删除的文件
linux·运维·服务器
6***A6636 小时前
Nginx 反向代理配置
运维·nginx
远瞻。6 小时前
【环境配置】Ubuntu系统安装cuda
linux·运维·ubuntu
kyle~6 小时前
Linux---<unistd.h>类Unix系统编程核心头文件
linux·运维·unix
bendan506 小时前
服务通过docker部署后,调用确定相互调用的URL
运维·docker·容器