前军教程网

中小站长与DIV+CSS网页布局开发技术人员的首选CSS学习平台

nginx移动端%23兼容#配置

使用 hash 来实现前端路由, url 中带有#作锚点,PC端跳转的链接都正常,但是移动端解析地址时#发生了转码,在IOS中将#解析成了%23使得跳转异常,就会出现下面的 url

http://192.50.11.19/h5.html%23/adminrelease?appParam=eyAgIniAiMjQ0MTM3NTdiY5ZGVmOWE5ZDRiMGUiLCAgIm90aGVW0iIDogeyAgICAiZnJvbVdheSIgOiAibW9iaWxlGVldElkIiA6ICJwQVIwdklqayIgIH19

考虑对url做兼容,修改 nginx 配置文件如下

  location / { 
            root   /usr/local/nginx/html/dist;   
            rewrite ^(.*)\#(.*)$ $1#$2 redirect;
            index  index.html index.htm;

        } 

发表评论:

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言