vue 跨域请求处理

最新推荐文章于 2025-06-01 01:45:00 发布

转载最新推荐文章于 2025-06-01 01:45:00 发布 · 2.6k 阅读

文章标签：

#django #api

本文介绍了一个使用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)