vue中使用代理解决前端跨域

纵然是瞬间 提交于 2020-01-10 17:52:33

如何用代理解决前端跨域
我们知道同源策略只是在浏览器中存在,不存在于服务器中。因此我们可以将需要跨域请求的地址转发给我们自己的服务器然后委托服务器去请求信息。(常见的有nginx转发、node代理。)

在vue项目中常用的是proxyTable,这个用起来很方便。
打开config下面的index.js,找到proxyTable,添加以下代码即可:

在这里插入图片描述
配置完之后需要重启下项目 npm run dev

重启之后,就可以调用,实现跨域了

具体使用:在需要调用的接口前加上“/api”即可
在这里插入图片描述

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!