前端跨域是什么

1.首先要搞懂什么是跨域

相信兄弟们在博客上看到过解释：协议、域名、端口号。这三个其中有一个不一样就形成跨域。

显然这一样解释太鸡肋。

我的解释：

        第一种情况：比如我们在开发vue项目时会在本地npm run serve开启一个服务，这个服务就相当于在你的电脑建立了一个服务器，这个服务器来支撑你的vue项目运行,你可以看到浏览器的地址是http://localhost:8080/。http是协议，localhost相当于域名，8080是端口号。此时如果你在项目中假如向后端发请求拿数据展示，当然前提后端会给你提供接口地址，假如这个接口地址是https://search.bilibili.com/8080/upuser?keyword=3821

那么你本地支撑你项目的协议、域名、端口号是http://localhost:8080/ 。在项目中发请求的地址是https://search.bilibili.com/8080/upuser?keyword=3821 ,显然他俩的协议和域名不一样，所以出现了跨域问题。

        第二种情况：假如你开发的是淘宝项目，假如经历的几个月的时间项目开发完了，这时候需要把项目部署到服务器上，这样网民就可以访问你的网站。假如你的项目在https://taobao.com/8080的地址上运行。假如有个网民浏览这个网站主页，那么现在的地址就是https://taobao.com/8080，当网民点击某个商品时会发现浏览器地址栏是https://taobao.com/8080?id=581474997560&pvid=178a10

这时发现https://taobao.com/8080 和 https://taobao.com/8080?id=581474997560&pvid=178a10的协议、域名、端口号都一样。所以就没有跨域问题