使用jQuery Ajax分页库遇HTTPS 301错误问题排查

这问题我之前帮人排查过好几次，大概率是协议不匹配或者服务器配置的锅，给你列几个最常见的原因和解决方向：

• 服务器重定向规则搞反了
  很多网站会配置HTTP自动跳转到HTTPS，但如果你的服务器规则写反了——把HTTPS请求重定向到HTTP，那当你把base_url设为HTTPS时，分页请求就会触发301重定向。而Ajax请求默认可能不允许跨协议（HTTPS→HTTP）的重定向，导致功能失效。
  解决办法：去检查服务器的重定向配置（比如Nginx的rewrite规则、Apache的.htaccess文件），确保是把HTTP请求跳转到HTTPS，而不是反过来。

• 分页库的Ajax配置没适配HTTPS
  有些老版本的jQuery分页库对HTTPS的支持不够完善，比如没设置xhrFields: { withCredentials: true }，或者默认不跟随跨协议重定向。另外，浏览器的同源策略也可能在HTTPS场景下更严格，导致重定向请求被拦截。
  解决办法：打开浏览器开发者工具（F12）的Network面板，查看分页请求的301目标地址是不是HTTP的。如果是，手动修改分页库的Ajax配置，添加followRedirects: true（如果库支持的话），或者改用协议相对URL作为base_url——比如写成//yourdomain.com/path，这样会自动匹配当前页面的协议（HTTP/HTTPS）。

• SSL证书配置有问题
  如果服务器的SSL证书过期、域名不匹配或者是自签名证书（未被浏览器信任），浏览器可能会阻止HTTPS的Ajax请求，服务器也可能会返回301重定向到HTTP作为 fallback。
  解决办法：直接用浏览器访问HTTPS的分页接口地址，看地址栏有没有安全警告。如果证书有问题，赶紧更换成有效的SSL证书。

• 分页接口的路径配置不兼容HTTPS
  可能你的分页接口只在HTTP协议下配置了正确的路由，HTTPS请求时找不到对应接口，服务器就返回301重定向到HTTP的接口地址。
  解决办法：检查后端的路由配置，确保HTTPS和HTTP请求都能访问到同一个分页接口，或者统一用相对路径来拼接请求地址，避免硬编码协议。

内容的提问来源于stack exchange，提问作者neel