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,确保页面资源路径正确。

你可能感兴趣的:(每日专栏,Vue1.x和Vue2.x,Vue3.x,1024程序员节)