0
点赞
收藏
分享

微信扫一扫

vue 和 django 报 CORS(跨域资源共享,Cross-Origin Resource Sharing)是一种跨域访问的机制,

墨香子儿 2024-11-06 阅读 14

在使用 Vue 和 Django 进行前后端分离开发时,如果遇到 AxiosError: Network Error 的错误,通常可能是由于以下几种原因引起的。下面列出了一些常见的原因和解决方案。

1. CORS(跨源资源共享)问题

当你的 Vue 应用和 Django 后端不在同一个域名或端口上时,浏览器会阻止请求,以防止恶意攻击。这时,你需要在 Django 中配置 CORS。

解决方法:
  • 安装 django-cors-headers 库:
 

bash复制代码

pip install django-cors-headers

  • 在 settings.py 中添加这个应用:
 

python复制代码

INSTALLED_APPS = [ ... 'corsheaders', ... ]

MIDDLEWARE = [ ... 'corsheaders.middleware.CorsMiddleware', ... ]

  • 配置 CORS 允许的源(例如允许所有源):
 

python复制代码

CORS_ALLOW_ALL_ORIGINS = True # 禁止生产环境使用

举报

相关推荐

0 条评论