Django Vue corsheaders跨域问题

跨域问题

记录一下在我自己的django-vue项目里面出现的跨域问题
我的项目之前一直是在本地跑的，因为需要上线测试，所以我就运行在同一个vlan里面
ip段：192.168.1.0/24

突然发现存在跨域问题，我django的接口访问被拦截了。

检查了django的配置，如下。
发现配置没有什么问题。

INSTALLED_APPS = [
...
    'corsheaders',#允许跨域
...
]

#允许跨域
CORS_ORIGIN_ALLOW_ALL = True
CORS_ALLOW_METHODS = [
    "DELETE",
    "GET",
    "OPTIONS",
    "PATCH",
    "POST",
    "PUT",
]
CORS_ALLOW_ALL_ORIGINS = True 
CORS_ALLOW_CREDENTIALS = False  
SECURE_CROSS_ORIGIN_OPENER_POLICY = 'None'

于是我将django后台也运行在192.168.1.0段，并且修改vue项目的接口调用地址，让他们处于同一个地址运行项目。



发现接口可以正常访问了