先来说一下跨域问题。
可以利用script标签实现跨域:
在demo1中:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script> </head> <body> <button id = "btn">点我给后端发请求</button> </body> <script> $('#btn').click(function () { let script_ele = document.createElement('script'); script_ele.src = 'http://127.0.0.1:8000/test?callback=handlerResponse'; document.body.insertBefore(script_ele,document.body.firstChild) }); function handlerResponse(data) { alert(data) } </script> </html>
在demo2中:
这是利用script标签进行跨域。然后我们利用发送ajax请求跨域。
demo1:
demo2:
这时候访问时,会报错,因为不让我们跨域:
这时候我们写一个中间件:
要记得把这个中间件在settings中添加进中间件。
这时候就可以访问了。