vite打包时发布时，放在服务器的二级目录中
创始人
2025-01-19 03:32:35
0次

方式一 hash模式

如果我们的站点根目录为 public , 我们访问的时候使用的是 http://www.abc.com/ 访问到了站点的根目当，现在我们要访问 http://www.abc.com/mysite/#/
配置如下

  1. 修改 vite.config.js base:“/mysite/”
    在这里插入图片描述
  2. 修改 router中的配置
    3.
    上面的步骤完成，就可以 把 build的文件，放在 public/mysite/ 的目录下， 使用 http://www.abc.com/mysite/#/就可以访问了

方式二 history模式

  1. 同样是修改 vite.config.js 的base 属性
  2. 在这里插入图片描述
    在history模式下， 如果用户刷新页面会出问题，所以我们在要 nginx上配置一下 location
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 来访问是错误的

上一篇：Ubuntu安装MySQL服务器详细步骤（包括设置外网利用Navicat等工具远程连接MySQL服务器）！——一看就会，跟着做就对！

下一篇：计算机网络编程 | 并发服务器代码实现（多进程/多线程）

相关内容

热门资讯

真的有挂！wepoker有辅助... 真的有挂！wepoker有辅助插件吗，上饶辅助设备出租，攻略教程（原来真的有挂）；上饶辅助设备出租最...
真的是有挂！大菠萝789辅助器... 真的是有挂！大菠萝789辅助器下载，巴蜀长牌辅助，必备教程（原来真的是有挂）；1.巴蜀长牌辅助 ai...
真的是有挂！hhpoker有辅... 真的是有挂！hhpoker有辅助的吗，钱柜麻将辅助器，新版2026教程（一直真的是有挂）；超受欢迎的...
有挂！哈糖大菠萝软件下载，微乐... 【福星临门，好运相随】；有挂！哈糖大菠萝软件下载，微乐广西麻辣，wpk教程（原来有挂）；暗藏猫腻，小...
是有挂的！pokerworld... 是有挂的！pokerworld破解版下载，陕西微乐挖坑控制器，详细教程（一直是有挂的）；致您一封信；...
是有挂的！pokemmo脚本辅... 是有挂的！pokemmo脚本辅助，闲逸斗地主辅助，德州论坛（原来是有挂的）;AI辅助机器人普及解说快...
是有挂！hhpoker德州真的... 是有挂！hhpoker德州真的假的，广东闲来辅助免费，科技教程（原来是有挂）;人气非常高，ai更新快...
真的有挂！wepoker手机插... 【福星临门，好运相随】；真的有挂！wepoker手机插件，亲友联盟能开挂不，必胜教程（一贯真的有挂）...
是有挂的！wepoker游戏安... 是有挂的！wepoker游戏安装教程，超级三加一控制，必赢方法（一直是有挂的）;亲，有的，ai轻松简...
真的是有挂！hhpoker到底... 真的是有挂！hhpoker到底可以辅助吗，微乐小程序微乐家乡辅助器，教你攻略（其实真的是有挂）；大家...