vue cli 跨域

206 阅读1分钟

vue cli 实现跨域的原理

同源策略:浏览器的同源策略是浏览器为安全性考虑实施的非常重要的安全策略。 从一个域上加载的脚本不允许访问另一个域的文档属性。 举个例子:如果一个恶意网站的页面通过iframe嵌入银行的登录页面(二者不同源),如果没有同源限制,恶意网页上的javascript脚本就可以在用户登录银行账号和密码的时候获取用户名和密码。 何谓同源:URL由协议、域名、端口和路径组成,如果两个URL的协议、域名、端口相同,则表示他们同源。 在浏览器中script、img、iframe、link等标签都可以加载跨域资源,而不受同源限制,但在浏览器发起的跨域请求,就必须遵守同源策略。

浏览器因为同源策略的限制,有跨域的限制,服务器与服务器之前没有这种跨域问题。 而浏览器实现代理跨域的原理:vuecli 会会生成一个本地的node的服务器,本地项目调用接口的时候,先调用的是本地的服务器,然后经本地的服务器转发调用接口的服务器,做了亦曾代理,实现跨域的操作。