vue 跨域请求处理

本文介绍了一个使用Vue作为前端框架与Django作为后端框架的项目中如何解决跨域问题的方法,包括Vue配置代理实现跨域以及Django通过自定义中间件禁用CSRF检查来实现跨域。同时探讨了Django REST API的权限管理。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

前言:最近做了一个前后端自己独立开发的项目,前端使用Vue,后端使用Django,研究了一下django rest api 的跨域处理和权限管理

跨域的问题前端也可以解决后端也可以解决:
如vue框架解决跨域问题是使用代理:
再:config => index.js文件下
这里写图片描述

 proxyTable: {
      '/api': {
        target: 'http://192.168.88.132:8000', //api端口
        changeOrigin: true,   //允许跨域
        pathRewrite: {
          '^/api': 'preview'
        }
      }
    },

pathRewrite可以是一个方法也可以是一个对象。
详情见:vue跨域请求


Django跨域和后台API权限管理:

django使用restapi设置权限管理:
详见django跨域

但是还是会有csrf验证不通过。这是rest的原因。所以需要将csrf关闭。只能写一个middleware来关闭。

# coding:utf-8
from django.utils.deprecation import MiddlewareMixin


class DisableCSRF(MiddlewareMixin):
    def process_request(self, request):
        setattr(request, '_dont_enforce_csrf_checks', True)
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值