django 接口跨域 设置流程总结

xiefandaren

前后端协作开发得时候确实，开发本身这件事情会让跨域有风险，但是远程协作 或者让开发这件事情更加得模块化，或者解耦得话 是需要跨域得操作的


1.安装corsheaders中间件：

1. pip install django-cors-headers

复制代码

2.设置python文件中得seting文件

1. INSTALLED_APPS = [
   
2.     'django.contrib.admin',
   
3.     'django.contrib.auth',
   
4.     'django.contrib.contenttypes',
   
5.     'django.contrib.sessions',
   
6.     'django.contrib.messages',
   
7.     'django.contrib.staticfiles',
   
8.     'app1.apps.App1Config',
   
9.     'API.apps.ApiConfig',
   
10.     # 让开发得API接口允许跨域
    
11.     'corsheaders',
    
12. ]
    
13. 
    
14. MIDDLEWARE = [
    
15.     'django.middleware.security.SecurityMiddleware',
    
16.     'django.contrib.sessions.middleware.SessionMiddleware',
    
17.     #引入跨域设置开始
    
18.     'corsheaders.middleware.CorsMiddleware',
    
19.     # 引入跨域设置结束
    
20.     'django.middleware.common.CommonMiddleware',
    
21.     'django.middleware.csrf.CsrfViewMiddleware',
    
22.     'django.contrib.auth.middleware.AuthenticationMiddleware',
    
23.     'django.contrib.messages.middleware.MessageMiddleware',
    
24.     'django.middleware.clickjacking.XFrameOptionsMiddleware',
    
25. ]

复制代码

3.前端ajx接受接口得写法

1. #跨域设置
   
2. CORS_ALLOW_ALL_ORIGINS = True
   
3. CORS_ORIGIN_ALLOW_ALL =True
   
4. CORS_ALLOW_HEADERS=('*')

复制代码

1. import { userService} from '../api/user'
   
2. let user=ref('')
   
3. userService({
   
4.     methon: 'GET',
   
5.     url: '/api/responseJson',
   
6.     headers: {
   
7.         'X-Requested-With': 'XMLHttpRequest',
   
8.         'Content-Type': 'application/json',
   
9.     }
   
10. }).then((res) => {
    
11.     user.value=res.data
    
12. }).catch((error) => {  
    
13.     console.error = (msg, ...optionalParams) => {   // 重写 console.error  
    
14.         console.log(msg, ...optionalParams);        // 打印到console的信息正常显示  
    
15.         return false;                               // 返回false，使得控制台不会显示红色错误  
    
16.     };  
    
17.     console.error('用户接口请求失败：', error);   
    
18. })

复制代码