首先,需要在服务器上对所有的路由路径进行配置,避免在访问路由时出现 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,确保页面资源路径正确。