如何解决前后端跨域问题

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

1.前端配置跨域

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

axios.interceptors.request.use(config => {    config.headers['X-Requested-With'] = 'XMLHttpRequest';    let regex = /^csrftoken=([^;.]*).*$/;    let cookies = [xss_clean].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 Viewfrom django.views.decorators.csrf import csrf_exemptfrom django.utils.decorators import method_decoratorclass 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_exemptdef get_host_load_data(request):    data = json.loads(request.body)    ...

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