vue去掉#号,或者刷新页面出现404解决办法


vue路由去掉#号

image

刷新出现404的解决办法

配置nginx:
image

为什么本地不会这种问题:

因为vue-cli使用了: historyApiFallback
而vue-cli是基于webpack实现的: webpack源码里默认开启了 historyApiFallback
image

historyApiFallback

  • historyApiFallback是开发中一个非常常见的属性,它主要的作用是解决SPA页面在路由跳转之后,进行页面刷新
    时,返回404的错误。
  • boolean值:默认是false
    • boolean值:默认是false
  • boolean值:默认是false
    • 可以配置from来匹配路径,决定要跳转到哪一个页面;
  • 事实上devServer中实现historyApiFallback功能是通过connect-history-api-fallback库的:
    • 可以查看connect-history-api-fallback 文档image


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM