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

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

相关内容

热门资讯

wepoke辅助有挂(透视)w... wepoke辅助有挂(透视)wepower使用说明书(详细辅助安装教程)一贯存在有挂(黑科技辅助德之...
微扑克有辅助挂(微扑克)微扑克... 微扑克有辅助挂(微扑克)微扑克wpk真的有辅助吗(透视)总是真的是有挂(详细辅助科技教程)1、全新机...
wepokeai代打的胜率(透... wepokeai代打的胜率(透视)wepoke辅助透视教程(详细辅助高科技教程)一贯真的是有挂(了解...
微扑克系统发牌规律(微扑克)微... 微扑克系统发牌规律(微扑克)微扑克俱乐部机器人(透视)本来是有挂(详细辅助我来教教你)1、下载好微扑...
WePoKe透明挂(透视)we... WePoKe透明挂(透视)we poke有挂吗(详细辅助辅助教程)确实真的有挂(详细透视挂)1、金币...
微扑克ai辅助工具(微扑克)微... 微扑克ai辅助工具(微扑克)微扑克ai辅助器苹果版(透视)确实真的是有挂(详细辅助黑科技教程)；1、...
aapoker透明挂(透视)w... aapoker透明挂(透视)wepoke中牌率(详细辅助wepoke教程)一直是有挂(科普有挂)1、...
微扑克ai机器人(微扑克)微扑... 微扑克ai机器人(微扑克)微扑克中牌率(透视)都是是有挂(详细辅助揭秘教程)1、全新机制【微扑克ai...
wepoke辅助机器人(透视)... wepoke辅助机器人(透视)wepoke好友助力(详细辅助安装教程)都是真的有挂(普及辅助插件)1...
微扑克游戏辅助器(微扑克)微扑... 微扑克游戏辅助器(微扑克)微扑克靠谱吗(透视)确实真的有挂(详细辅助扑克教程)；1、下载好微扑克游戏...