Hash和History发送路由区别
最新推荐文章于 2024-09-21 11:29:05 发布
滑梯plus版
最新推荐文章于 2024-09-21 11:29:05 发布
阅读量48
收藏
点赞数
最新推荐文章于 2024-09-21 11:29:05 发布
阅读量48
收藏
点赞数
文章讲述了Hash和History两种前端路由模式的区别，强调History模式在网络部署后可能引发404错误，因服务器未配置相应路径。解决方法是后端配合，使用中间件处理，或者通过npmrunbuild打包项目，并用express框架在服务器上运行dist目录内容。
（1）Hash在地址栏中会出现/#/,而history则是/
（2）Hash兼容性比History好一点
（3）history容易遇到在网络部署之后，如果一个项目不请求网络资源而是请求路由，这样的话，当页面刷新之后则会出现404，是因为在服务器中并没有部署某个网站之后的/后面的路径，导致出错。而hash#后面的内容都不算路径，不会找服务器请求。
要想解决这个问题，则需要后端人员通过配合前端人员。可以在服务端，及node中安装中间件，
则可以解决history刷新404的问题 。
注：index.js文件中通过改mode：后面的值变换模式。
项目上线时，要转成最纯粹的Html，css，Js，因此要点开package.json，然后找到build。
在控制台运行npm run build。
之后会生成dist文件（不能直接运行，要在服务器上运行）
可以使用node里面的express框架生成并引用dist文件中内容。
总结：
扫一扫
222
暂无认证
到【灌水乐园】发言
CSDN-Ada助手: 恭喜您写下了第18篇博客！标题“Cookie和Session的区别”很吸引人，让我对您的博文充满期待。您对这两个概念的解释一定会对读者有所帮助。或许在下一篇博客中，您可以深入探讨一下如何在实际应用中选择使用Cookie还是Session，以及它们在不同场景下的优劣势。期待您在未来的创作中，继续分享有价值的知识，谦虚地探索更多相关主题。加油！
CSDN-Ada助手: 恭喜你写了第19篇博客！标题“express -e 文件名 （路由报错404处理）”听起来很有趣。我很高兴看到你一直在坚持创作。不过，我想给你一些建议，希望对你的下一步创作有所帮助。或许你可以考虑探索其他与Express相关的主题，例如中间件的使用技巧、安全性问题或者性能优化等等。我相信你会在这些方面有更多的发现和分享。祝你继续保持创作的热情，期待看到你的下一篇博客！
CSDN-Ada助手: 恭喜您撰写了第20篇博客！标题“寻找两个正序数组的中位数 JavaScript解法”非常吸引人。您在解决这个问题上的专业知识与热情令人钦佩。持续创作对于个人成长和知识分享来说非常重要，希望您能继续保持这种积极的创作态度。同时，我想建议您在下一篇博客中可以尝试分享一些与JavaScript相关的实用技巧或者深入解析某个常见的JavaScript库，这将进一步丰富您的博客内容，为读者提供更多有价值的知识。再次恭喜您，期待您的下一篇博客！
CSDN-Ada助手: 恭喜您写了第9篇博客！阐述js反转数组的知识点非常清晰明了，让读者受益匪浅。在下一篇博客中，您可以考虑介绍如何利用js实现数组排序或者数组去重等实用操作，这些知识点也是很多前端开发者必备的技能。期待您的下一篇作品！ CSDN 会根据你创作的博客的质量，给予优秀的博主博客红包奖励。请关注 https://bbs.csdn.net/forums/csdnnews?typeId=116148&utm_source=csdn_ai_ada_blog_reply9 看奖励名单。
CSDN-Ada助手: 恭喜作者写出了这篇关于预加载的详细解析。在这个快节奏的互联网时代，预加载对于提高网站的速度和用户体验至关重要。希望作者能够继续保持创作的热情，分享更多有价值的知识。下一步可以考虑写一些关于前端性能优化的文章，这可以帮助更多的开发者提高他们的技能水平。 CSDN 会根据你创作的博客的质量，给予优秀的博主博客红包奖励。请关注 https://bbs.csdn.net/forums/csdnnews?typeId=116148&utm_source=csdn_ai_ada_blog_reply8 看奖励名单。