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

相关推荐
hfut02882 小时前
第25章 interface
linux·服务器·网络
Sinowintop4 小时前
易连EDI-EasyLink SFTP文件传输
运维·服务器·网络·sftp·edi·ftp·国产edi软件
likuolei5 小时前
XML DOM 节点类型
xml·java·服务器
风123456789~6 小时前
【Linux专栏】显示或隐藏行号、批量注释
linux·运维·服务器
谢尔登6 小时前
简单聊聊webpack摇树的原理
运维·前端·webpack
只想安静的写会代码7 小时前
centos/ubuntu/redhat配置清华源/本地源
linux·运维·服务器
susu10830189117 小时前
ubuntu多块硬盘挂载到同一目录LVM方式
linux·运维·ubuntu
smaller_maple9 小时前
linux问题记录1
linux·运维·服务器
报错小能手10 小时前
讲讲libevent底层机制
linux·服务器
阿星智力囊10 小时前
Thinkphp6+nginx环境报错信息不显示,接口直接报500和CORS跨域(错误的引导方向),真坑啊
运维·nginx·php·thinkphp6