如何解决前后端跨域问题
这篇文章主要讲解了“如何解决前后端跨域问题 ”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“如何解决前后端跨域问题 ”吧!
创新互联建站专注于沧州企业网站建设,成都响应式网站建设公司,成都做商城网站。沧州网站建设公司,为沧州等地区提供建站服务。全流程按需开发,专业设计,全程项目跟踪,创新互联建站专业和态度为您提供的服务
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) ...
感谢各位的阅读,以上就是“如何解决前后端跨域问题 ”的内容了,经过本文的学习后,相信大家对如何解决前后端跨域问题 这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是创新互联,小编将为大家推送更多相关知识点的文章,欢迎关注!
本文题目:如何解决前后端跨域问题
文章出自:http://scyanting.com/article/jiiggi.html