Python Bottle框架Ajax跨域请求返回200但进入error的排查与修复
本文针对Python Bottle框架中前端Ajax跨域访问时状态码为200却进入error回调的问题进行解析。指出常见添加Access-Control-Allow-Origin头的方法无效,通过深入Bottle源码发现HTTPResponse类在apply方法中覆盖响应头的机制导致问题。提供修改Bottle源码中HTTPResponse类的具体方案,确保跨域头正确传递,解决Python2与Python3环境下的兼容性问题。
在使用Python的Bottle框架进行后端开发时,若前端通过Ajax发起跨域请求,常会遇到JavaScript代码无法进入success回调,反而执行error逻辑的情况。尽管服务器返回的HTTP状态码显示为200,且直接在浏览器地址栏输入URL访问正常,但打开浏览器开发者工具(F12)后,控制台会报错。
控制台报错信息通常如下:XMLHttpRequest cannot load http://192.168.0.118:8081/get_mobile_number/?id=1. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null' is therefore not allowed access.
针对该错误,通过搜索引擎查询,绝大多数解决方案指出这是典型的跨域问题,建议在Bottle主程序代码中添加允许跨域的响应头。国外技术社区的多篇教程也推荐采用类似方式解决。
@hook('after_request')
def enable_cors():
response.headers['Access-Control-Allow-Origin'] = '*'
然而,实际按上述方案添加代码后,问题并未解决。检查浏览器输出的HTTP响应头,发现并未包含之前添加的Access-Control-Allow-Origin:*字段,具体表现可参考相关截图。

为查明原因,通过DEBUG模式进入Bottle框架源码进行追踪分析。

经测试,该问题在Python2和Python3对应的Bottle框架版本中均存在。根本原因在于Bottle内部处理响应时的逻辑,需对源码进行如下调整:
class HTTPResponse(Response, BottleException):
def __init__(self, body='', status=None, headers=None, **more_headers):
super(HTTPResponse, self).__init__(body, status, headers, **more_headers)
def apply(self, response):
response._status_code = self._status_code
response._status_line = self._status_line
if self._headers:
if response._headers:
response._headers.update(self._headers)
else:
response._headers = self._headers
response._cookies = self._cookies
response.body = self.body
按照上述修改源码后重新运行代码,前端Ajax请求即可正常进入success回调,跨域访问恢复正常。

以上为Python Bottle框架处理Ajax跨域请求报错的具体方法,希望能为遇到相同问题的开发者提供参考。如有疑问,欢迎留言交流,作者将及时回复。
本站声明
本文内容仅供参考,不代表本站观点。转载或引用请注明出处。如发现内容问题,请通过联系我们页面反馈。













