Django 处理跨域的配置、前台处理ajax

客官°小女子只卖身不卖艺 2023-08-17 15:39 58阅读 0赞

# 一. Django处理跨域 #

跨域的处理方式有很多，使用最多的就是CORS（跨域资源共享），接下来大致提一下django中处理跨域的配置。

首先安装django-cors-headers模块：

pip install django-cors-headers

在settings.py中配置：

'''
    # 注册app
    INSTALLED_APPS = [
        ...
        'corsheaders'
    ]
    
    # 添加中间件
    MIDDLEWARE = [
        ...
        'corsheaders.middleware.CorsMiddleware'
    ]
    
    # 允许跨域源，True时表示允许所有跨域源，一般都设置False，通过白名单允许部分跨域
    CORS_ORIGIN_ALLOW_ALL = False
    
    # 白名单，配置指定跨域域名
    CORS_ORIGIN_WHITELIST = [
        'http://www.luffy.cn:8080'
    ]
    
    # 允许ajax请求携带cookie
    CORS_ALLOW_CREDENTIALS = True
    
    
    # 注：前台请求头携带参数，中间件拒绝Access-Control-Allow-Headers错误，中间件要设置 default_headers
    from corsheaders import defaults
    在 default_headers 中添加 '前端ajax请求头里面的字段名'
    '''

# 二. 前台处理ajax #

"""
    1.安装axios
    cnpm install axios --save
    
    2.src/main.js配置
    // 允许ajax发送请求时附带cookie
    axios.defaults.withCredentials = true;
    Vue.prototype.$axios = axios; // 把对象挂载vue中
    
    
    # axios发生ajax请求
    $axios({
        utl: 'http://api.example.com/test',  // 请求接口
        headers: {},  // 携带请求头
        method: 'post',  // 还可以为post
        data: {},  // get通过param: {} 提交数据
    })
    """

转载于:https://www.cnblogs.com/maoruqiang/p/11247178.html

发表评论取消回复

表情：

评论列表（有 0 条评论，58人围观）

还没有评论，来说两句吧...

相关阅读

相关 Django 处理跨域的配置、前台处理ajax

一. Django处理跨域　　跨域的处理方式有很多，使用最多的就是CORS（跨域资源共享），接下来大致提一下django中处理跨域的配置。　　首先安装django-

客官°小女子只卖身不卖艺/ 2023年08月17日 15:39/ 0 赞/ 59 阅读

相关处理Ajax请求跨域问题

前言从刚接触前端开发起，`跨域`这个词就一直以很高的频率在身边重复出现，一直到现在，已经调试过N个跨域相关的问题了，16年时也整理过一篇相关文章，但是感觉还是差了点什么

我不是女神ヾ/ 2023年02月18日 10:55/ 0 赞/ 85 阅读

相关跨域处理

跨域处理故心故心故心故心小故冲啊 -------------------- 文章目录跨域处理前言一、cors(后端处理跨越,也是最简单

亦凉/ 2022年12月18日 09:57/ 0 赞/ 147 阅读

相关跨域的几种解决方案,java处理跨域,前端处理跨域

跨域目前是广大开发者经常遇到的一个问题.在此我将几种常用的解决方案介绍一下 1:JSONP JSONP 是服务器与客户端跨源通信的常用方法。最大特点就是简单适用，缺点是

冷不防/ 2022年12月07日 15:10/ 0 赞/ 204 阅读

相关 Ajax跨域请求处理

js应该怎么写？ var E3MALL = { checkLogin : function(){ //使用Jquery的Cookie插件拿到

傷城~/ 2022年05月25日 02:06/ 0 赞/ 234 阅读

相关 nignx跨域配置处理

在nginx.conf中配置 server { location / { index

末蓝、/ 2022年04月18日 04:17/ 0 赞/ 159 阅读

相关 ajax请求跨域处理

现在都讲究前后台分离，所以前台和后台都单独部署，域名也是独立的域名，这就出现了跨域的问题。跨域可以通过提供jsonp接口解决，这里介绍下用filter来允许跨域 1、al

清疚/ 2022年04月10日 03:59/ 0 赞/ 273 阅读

相关 PHP处理Ajax请求与Ajax跨域

PHP判断是否为Ajax请求我们知道，在发送ajax请求的时候，可以通过XMLHttpRequest这个对象，创建自定义的header头信息，在jquery框架中，对于通

旧城等待，/ 2022年03月25日 01:12/ 0 赞/ 240 阅读

相关 AJAX学习(4)---JSON与跨域处理

一、JSON 1、JSON的基本概念 JSON：JavaScript对象语法，是存储和交换文本信息的语法，类似XML。它采用键值对的方式来组织，易于人们阅读和编

系统管理员/ 2021年08月02日 13:42/ 0 赞/ 222 阅读

相关处理跨域

处理跨域的三种方式 jsonp处理跨域总结 cors处理跨域 nginx处理跨域 Vue反向代

た入场券/ 2021年07月24日 15:28/ 0 赞/ 367 阅读