option请求与跨域

以前也知道HTTP请求中有option方法，只是大概知道是用来询问服务器支持什么请求方法的，直到今天遇到了一个很奇怪的问题，才对option方法有更深一步的理解。
前提：项目是vue+django,我把前端项目运行起来，使用http://localhost/xx来展示前端项目，而django则用http://127.0.0.1/ 来允许服务，当我向后端发送一个POST请求时，奇怪的事情发生了，后端接受到了请求，但是请求里没有任何数据。苦思很久，向一位大神请教，才逐渐明了。原来发送到后端的是一个option请求，而不是真正的POST请求，因此没有携带任何数据。
下面解释一下为什么会出现这种情况：
1.什么时候会发送请求呢？
除了主动发起一个option请求外，剩下的option请求应该都是由浏览器主动发起的，当浏览器发现该请求时跨域复杂请求时(跨域请求分为简单请求和复杂请求，这里就不仔细说了，因为很容易查到)，为了安全，会首先发送一个option请求，检测服务器支持的方法和域名，如果不支持该方法或域名，浏览器会将该请求进行拦截。
2.这里为什么会出现跨域呢？
注意！！这里有一个大坑。前端的浏览器地址域名是localhost,发送的POST请求在浏览器中被解析为127.0.0.1，在开发者工具中可以看到，这样就形成了跨域的条件，因此，会首先向后端发送一个option请求，不会携带POST数据.