前端Ajax请求后端数据，如何有效解决前后端分离导致的跨域难题？

随着互联网技术的不断发展,前后端分离的开发模式已经成为主流，在这种模式下，前端负责展示，后端负责数据交互，由于浏览器的同源策略，前后端分离会导致Ajax跨域问题，本文将详细介绍如何解决前后端分离产生的Ajax跨域问题。

Ajax跨域问题的产生

同源策略

同源策略是浏览器的一种安全机制,它限制了从一个源加载的文档或脚本如何与另一个源的资源进行交互，所谓“同源”是指协议、域名、端口相同。

Ajax跨域问题

当Ajax请求的URL与当前页面的源不同,即协议、域名、端口任一不同，就会产生跨域问题，浏览器会阻止Ajax请求，并抛出“XMLHttpRequest cannot load [URL]”的错误。

解决Ajax跨域问题的方法

JSONP（JSON with Padding）

JSONP是一种利用< script>标签无跨域限制的特性，通过动态创建