前端在本地部署,后端在服务器部署,如果出现以下问题:
...... has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. ArticleDetail.vue:230 Error submitting form: Error: Network Error at createError (createError.js:16:1) at XMLHttpRequest.handleError (xhr.js:69:1)
我后端用的是Django框架
# 原来用的是
python manage.py runserver
# 意味着它只接受来自本地机器的连接,也就是说这种情况,只允许前端和后端在同一台物理机器上部署。
# 改成这样就OK了
# 前端在本地部署,后端在服务器部署# 将 Django 服务器配置为监听所有网络接口(
0.0.0.0
),而不仅仅是本地接口
python manage.py runserver 0.0.0.0:8000