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

history 模式上线需要注意什么事项?

结论先行:

首先,需要在服务器上对所有的路由路径进行配置,避免在访问路由时出现 404 的情况;

其次,需要特别注意安全性和兼容性问题

因为使用 History 模式会暴露出服务器上的文件路径,因此在部署时需要仔细检查服务器配置;

还有,History 模式需要浏览器支持 HTML5 新增的 History API,因此在一些较老的浏览器上可能会存在兼容性问题

最后,就是在打包发布时,需要正确配置 publicPath,确保页面资源路径正确。

详细解析:

Vue Router 的 History 模式相比于默认的 Hash 模式来说,能够更好地模拟传统的多页面应用的URL地址,让用户体验更加自然。

但是,使用 History 模式需要注意以下几点事项:

① 后端配置

使用 History 模式需要后端对所有可能的路由路径都进行处理,以避免在刷新或直接输入 URL 时出现 404 错误

后端配置的方式取决于后端服务器的类型,如 Apache、Nginx 等,需要在服务器上进行相关配置。

② 安全性

使用 History 模式会暴露出服务器上的文件路径,因此需要特别注意安全性。

在部署时需要仔细检查服务器配置,确保不会因为恶意请求而导致安全问题。

③ 兼容性

History 模式需要支持 HTML5 的 history.pushState APl,因此在一些较老的浏览器上可能会存在兼容性问题

需要在开发时做好相关的测试和兼容性处理。

④ 打包发布

在使用 Webpack 等工具打包发布时,需要配置正确的 publicPath,保证 HTML 中引用的资源路径正确。

同时需要注意,如果项目使用了多个子路由,需要在打包时将所有的子路由都配置到publicPath

总结: 

总之使用 History 模式需要对后端进行相关配置,并且需要特别注意安全性和兼容性问题,同时在打包发布时需要正确配置 publicPath,确保页面资源路径正确。

http://www.lryc.cn/news/205489.html

相关文章:

  • VMware虚拟机安装Ubuntu22.04教程(2023最新最详细)
  • yakit使用爆破编码明文_dnslog使用
  • 3分钟教你用Python+Appium实现自动化测试
  • qt的一些自绘控件
  • 类图表示法
  • 大模型训练框架
  • 好用的Visio绘图文件工具 VSD Viewer最新 for mac
  • 三代自动驾驶系统及主流科技公司自动驾驶技术方案简介
  • mac安装nodejs,跑vue程序
  • VC++程序崩溃时,使用Visual Studio静态分析dump文件
  • 【哈希数组】【字符串 转化为 字符数组】Leetcode 383 赎金信
  • 【C++】c++引用和小细节
  • nginx负载均衡(动静分离)
  • vue自定义全局指令v-emoji限制input输入表情和特殊字符
  • Excel 5s内导入20w条简单数据(ExecutorType.BATCH)Mybatis批处理的应用
  • 【期刊】IEEE系列指定期刊模版下载(LaTeX或者Word)全网最细教程
  • 损失函数和评估函数
  • 第四章 文件管理 四、文件的物理结构(文件分配方式)
  • 解析外贸开发信的结构?营销邮件书写技巧?
  • Linux的命令基本格式
  • 数据库Redis(二):基本数据类型
  • mysql第四次作业
  • kubesphere 一键部署K8Sv1.21.5版本
  • 设计模式(12)状态模式
  • C#WPFPrism框架模块化应用实例
  • ES6之Set集合(通俗易懂,含实践)
  • 深度学习标注工具(包括自动标注)总结——持续更新
  • 阿里云核心产品list
  • 矢量图形编辑软件 illustrator 2023 mac 中文软件特点
  • vue按特定字符串切割后端传输的图片路径