如何解决前后端跨域问题

这篇文章主要讲解了“如何解决前后端跨域问题 ”，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着小编的思路慢慢深入，一起来研究和学习“如何解决前后端跨域问题 ”吧！

1.前端配置跨域

base.html文件的script标签中添加以下内容

axios.interceptors.request.use(config => {
    config.headers['X-Requested-With'] = 'XMLHttpRequest';
    let regex = /^csrftoken=([^;.]*).*$/;
    let cookies = document.cookie.split('; ');
    let cookiesFilters = cookies.filter(v => {
    if(v.match(regex)) {
        return v
        }
    })
    config.headers['X-CSRFToken'] = cookiesFilters[0].split('=')[1];
    return config;
})

2.后端取消跨域

from django.views.generic import View
from django.views.decorators.csrf import csrf_exempt
from django.utils.decorators import method_decorator

class CsrfExemptView(View):
    @method_decorator(csrf_exempt)
    def dispatch(self, request, *args, **kwargs):
        return super(CsrfExemptView, self).dispatch(request, *args, **kwargs)

class HostView(CsrfExemptView):
    def get(self, request, *args, **kwargs):
        pass

    def post(self, request, *args, **kwargs):
        pass

    def put(self, request, *args, **kwargs):
        pass

    def delete(self, request, *args, **kwargs):
        pass

@csrf_exempt
def get_host_load_data(request):
    data = json.loads(request.body)
    ...

感谢各位的阅读，以上就是“如何解决前后端跨域问题 ”的内容了，经过本文的学习后，相信大家对如何解决前后端跨域问题 这一问题有了更深刻的体会，具体使用情况还需要大家实践验证。这里是亿速云，小编将为大家推送更多相关知识点的文章，欢迎关注！