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服务器）！——一看就会，跟着做就对！

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

相关内容

热门资讯

透视安卓版！aapoker发牌... 透视安卓版！aapoker发牌逻辑（透视）aapoker能控制牌吗，透明挂教程（有挂技巧）1、很好的...
透视app“xpoker辅助怎... 透视app“xpoker辅助怎么用”pokernow辅助控制（透视）2025版教程（一直存在有挂）亲...
透视真的！德普之星辅助器app... 透视真的！德普之星辅助器app（透视）辅助软件（有挂解密）；1、德普之星辅助器app机器人多个强度级...
透视科技！aapoker怎么选... 透视科技！aapoker怎么选牌（透视）aapoker插件下载，技巧教程（有挂黑科技）；1、aapo...
透视游戏“大菠萝免费辅助”xp... 透视游戏“大菠萝免费辅助”xpoker透视辅助（透视）微扑克教程（其实有挂）1、大菠萝免费辅助系统规...
透视脚本！德普辅助软件（透视）... 透视脚本！德普辅助软件（透视）透视辅助软件下载（有挂揭秘）德普辅助软件软件透明挂微扑克wpk插件教程...
透视规律！aapoker怎么提... 透视规律！aapoker怎么提高中牌率（透视）aapoker怎么拿好牌，必赢方法（有挂教程）；1、用...
透视app！德普之星辅助器怎么... 透视app！德普之星辅助器怎么用（透视）透视辅助软件下载（有挂工具）1、德普之星辅助器怎么用系统规律...
透视透视“werplan外挂”... 透视透视“werplan外挂”epoker底牌透视（透视）新版2025教程（原来真的是有挂）epok...
透视总结！aa poker辅助... 透视总结！aa poker辅助（透视）aapoker辅助器怎么用，透明挂教程（有挂解密）1、完成aa...