当前位置: 首页 > news >正文

vite打包时发布时,放在服务器的二级目录中

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

相关文章:

  • 解析编程中不可或缺的基础:深入了解结构体类型
  • 【Linux-网络编程】
  • 【漏洞复现】大华智慧园区综合管理平台SQL注入漏洞
  • 【vue baidu-map】实现百度地图展示基地,鼠标悬浮标注点展示详细信息
  • 配置vscode环境极简版(C/C++)(图文)
  • 在idea中配置tomcat服务器,部署一个项目(下载教程加链接)
  • KONG - API转发流程梳理
  • 深入探索Java并发编程:ArrayBlockingQueue详解
  • Python最常用的库
  • 从零开始利用MATLAB进行FPGA设计(三)将Simulink模型转化为定点数据类型
  • C# RAM Stable Diffusion 提示词反推 Onnx Demo
  • 基于 Spark 的电商用户行为分析系统
  • AI智能分析网关V4将HTTP消息推送至安防监控视频汇聚EasyCVR平台的操作步骤
  • 大语言模型(LLM)Token 概念
  • 如何配置Apache的反向代理
  • [PHP内核探索]PHP中的哈希表
  • [NodeJS] 关于Buffer
  • 《Javascript数据结构和算法》笔记-「字典和散列表」
  • 「面试题」如何实现一个圣杯布局?
  • 【跃迁之路】【519天】程序员高效学习方法论探索系列(实验阶段276-2018.07.09)...
  • css的样式优先级
  • Docker 1.12实践:Docker Service、Stack与分布式应用捆绑包
  • exif信息对照
  • JavaScript设计模式系列一:工厂模式
  • PHP 程序员也能做的 Java 开发 30分钟使用 netty 轻松打造一个高性能 websocket 服务...
  • springMvc学习笔记(2)
  • 程序员该如何有效的找工作?
  • 基于webpack 的 vue 多页架构
  • 树莓派 - 使用须知
  • 一文看透浏览器架构
  • 深度学习之轻量级神经网络在TWS蓝牙音频处理器上的部署
  • 阿里云移动端播放器高级功能介绍
  • ​ 无限可能性的探索:Amazon Lightsail轻量应用服务器引领数字化时代创新发展
  • (173)FPGA约束:单周期时序分析或默认时序分析
  • (vue)页面文件上传获取:action地址
  • (附源码)springboot高校宿舍交电费系统 毕业设计031552
  • (附源码)ssm经济信息门户网站 毕业设计 141634
  • (每日持续更新)jdk api之FileFilter基础、应用、实战
  • (四)c52学习之旅-流水LED灯
  • (学习日记)2024.01.19
  • (原)本想说脏话,奈何已放下
  • (原創) X61用戶,小心你的上蓋!! (NB) (ThinkPad) (X61)
  • (原創) 人會胖會瘦,都是自我要求的結果 (日記)
  • (转)JAVA中的堆栈
  • .NET Framework 的 bug?try-catch-when 中如果 when 语句抛出异常,程序将彻底崩溃
  • .net连接oracle数据库
  • @SuppressWarnings注解
  • [ 数据结构 - C++]红黑树RBTree
  • [2019.2.28]BZOJ4033 [HAOI2015]树上染色
  • [AIGC] MySQL存储引擎详解
  • [AutoSar]BSW_Memory_Stack_003 NVM与APP的显式和隐式同步
  • [C#]手把手教你打造Socket的TCP通讯连接(一)
  • [CERC2017]Cumulative Code
  • [ChromeApp]指南!让你的谷歌浏览器好用十倍!
  • [HDU3710]Battle over Cities