解决django跨域的问题小结(Hbuilder X)

2024-10-06 09:47:37 作者：春天的菠菜

使用Django开发时,可能会遇到跨域问题,尤其是当后端与HbuilderX开发的前端结合使用时,解决此问题的关键步骤包括安装django-cors-headers库,并在Django的settings.py中进行相应配置,本文给大家介绍解决django跨域的问题小结,感兴趣的朋友一起看看吧

前言：使用django做后端，Hbuilder X 做前端开发时，使用内置浏览器正常，但是使用运行到Chrome时就报错Ensure CORS response header values are valid，原来是跨域问题

一、安装库django-cors-headers

pip install django-cors-headers

添加下图

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

添加

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

CORS_ALLOWED_ORIGINS = [  
    "http://localhost:8080",  # 替换为你的前端应用的URL  
    # 或者使用 '*' 来允许所有源（不推荐）  
    # '*'  
]

我是本地调试

注意：

不要将CORS_ALLOWED_ORIGINS设置为'*'，除非你真的想要允许所有源访问你的API。这样做会使你的API容易受到跨站请求伪造（CSRF）和其他类型的攻击。

到此这篇关于解决django跨域的问题（Hbuilder X）的文章就介绍到这了,更多相关django跨域内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！