vue vue-Router默认hash模式修改为history需要做的修改

今天，长沙网络推广带来一篇关于Vue和Vue Router默认Hash模式修改为History模式的详细指南。对于需要在PC端处理未登录用户访问活动页面的场景，这篇文章提供了很好的参考价值。

在实际操作中，我们遇到了一个问题：在未登录状态下，用户在活动页面进行操作时触发登录事件。我们的解决方案是通过接口来判断，该接口标记了一个upn的值。在单点登录的情况下，我们遇到了回调地址不支持Vue Hash模式路由的问题。这导致在回调后自动忽略了后面的路径。经过研究，我们发现一般回调后后默认为书签，即使进行转义也只能识别之前的路径。

由于不清楚登录单点的问题，并且他们的实现暂时不存在业务问题（虽然存在不稳定的问题），我们决定暂时不解决回调地址支持Vue的Hash模式路由的问题。我们选择了修改Vue Router的路由模式为History模式。

经过长时间的摸索，我们找到了解决方案。在运维部署的活动地址线上的路径是 `

除了代码处理，我们还需要修改服务端的配置。在运维团队的配合下，我们成功实现了修改。他们原本对活动的配置已经存在，参考了router官方文档，并使用try命令尝试多种配置。最终，通过配置`location / { try_files $uri $uri/ /index.html; }`，我们完成了设置，线上终于可以访问形如 ` 的路径了。这个地址是实际存在的，它不会跳转到配置的路由首页。

以上就是长沙网络推广为大家分享的关于Vue和Vue Router默认Hash模式修改为History模式的详细。希望能给大家带来参考，也希望大家能支持狼蚁SEO。如果您有任何疑问或需要进一步了解，请随时与我们联系。也欢迎大家分享更多的经验和技巧。