Vue的History模式在Nginx怎么配置？ - SegmentFault 思否

由于vue-router默认是带了"#"的，但是在微信公众号里面转发地址的时候会直接把该地址"#"包括以后的地址全部去掉，导致没法分享页面。
所以我按照Vue官方配置，把路由模式设置为history，并且由于我们项目是服务端渲染的，所以我把base设置成了对应的mobile。

图片描述

这样我就能通过www.xxx.com/mobile来访问首页，并且在界面中用vue-router跳转其他页面也能正常。
但是操蛋的问题就来了，比如我分享的www.xxx.com/mobile/A/B路径给朋友，那么朋友直接访问这个路径就nginx会报404错误。
然后我就按照vue官方推荐的做法，把nginx加了如下配置。

   location / {
       try_files $uri $uri/ /mobile [这里我设置为mobile是因为项目入口是这里]
   }

但是依旧不生效，请问这里应该怎么配置啊？

原网址: 访问
创建于: 2020-09-20 00:29:58
目录: default
标签: 无

未标明原创文章均为采集，版权归作者所有，转载无需和我联系，请注明原出处，南摩阿彌陀佛，知识，不只知道，要得到

请先后发表评论
  • 最新评论
  • 总共0条评论