我正在尝试为与前端上的离子交互的django项目启用CORS。当我向django后端发送发布请求时,浏览器显示以下错误消息:-
Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at http://127.0.0.1:3000/api/customer. (Reason: CORS header 'Access-Control-Allow-Origin' missing).
虽然控制台显示的是options
请求方法而不是Post
。我启用了自定义中间件来处理CORS,这是:-
class CorsMiddleware(object):
def __init__(self, get_response):
self.get_response = get_response
def __call__(self, request):
response = self.get_response(request)
response["Access-Control-Allow-Origin"] = "*"
return response
但是它仍然继续显示相同的错误。我的离子服务器在http://127.0.0.1:8100
上运行,而django后端在http://127.0.0.1:3000
上运行
settings.py
的Django API中添加该问题时,它已将其修复。CORS_ORIGIN_WHITELIST = [
'http://localhost:8200',
'http://localhost:8100',
]
所以您只需要添加两个离子本地主机http://127.0.0.1:8100