proxyTable设置代理解决跨域问题

应用场景:在不同域之间访问是比较常见,在本地调试访问远程服务器。。。。这时就有跨域问题。

什么是跨域?

跨域是指浏览器的不执行其他网站脚本的,由于浏览器的同源策略造成,是对JavaScript的一种安全限制

说白点理解,当你通过浏览器向其他服务器发送请求时,不是服务器不响应,而是服务器返回的结果被浏览器限制了。

 

解决方案一:在config里面的index.js里面的proxyTable

 //这里理解成用‘/api'代替target里面的地址,后面组件中我们掉接口时直接用api代替 比如我要调用'http://192.168.1.11:8080/xxx/duty?time=2017-07-07 14:57:22',直接写‘/api/xxx/duty?time=2017-07-07 14:57:22'即可

调用

====》》》api

 

 

常见的坑:配置完config里面的index.js里面的proxyTable后,出现找不到http://localhost:8088/api/index.json 报404错误,经检查发现assetsPublicPath这边没有设置为‘/’,修改后即解决问题! 

 

posted @ 2018-12-12 18:27  心向阳  阅读(7417)  评论(0编辑  收藏  举报