如何解決前后端跨域問題

這篇文章主要講解了“如何解決前后端跨域問題 ”，文中的講解內(nèi)容簡單清晰，易于學(xué)習(xí)與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學(xué)習(xí)“如何解決前后端跨域問題 ”吧！

1.前端配置跨域

base.html文件的script標(biāo)簽中添加以下內(nèi)容

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)
    ...

感謝各位的閱讀，以上就是“如何解決前后端跨域問題 ”的內(nèi)容了，經(jīng)過本文的學(xué)習(xí)后，相信大家對如何解決前后端跨域問題 這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是億速云，小編將為大家推送更多相關(guān)知識點的文章，歡迎關(guān)注！