javascript系列之实际开发中的跨域

1、问题由来

        实际开发中我们的接口都是标准的restful接口，当我们前端要通过浏览器测试接口时会有个问题，就是由于跨域了，所以报错：

post request is No 'Access-Control-Allow-Origin' header is present on the requested resource.'  

2、解决方式（三种均可）chrome浏览器实测

1. 后端设置header
   
   • java：传送门我没实践过，但我们团队后端就是这么干的。
   • php：传送门我也没实践过，自行判断。
2. 前端安装跨域插件（Chrome）
   
   • 在谷歌浏览器扩展程序里找个插件：Allow-Control-Allow-Origin: * 1.0.3
   • 
   • 
   • 看浏览器右上角，由红变绿就是启动成功，如果没作用，点开重启下。

3. 关闭浏览器安全模式

   • 跨域最本质就是为了安全，是一种浏览器策略，将浏览器安全模式关闭就相当于把同源策略关了，也就不存在跨域了、
   • 做法：找到chrome安装位置，在命令行中输入以下命令

   "C:\Users\UserName\AppData\Local\Google\Chrome\Application\chrome.exe" --disable-web-security --user-data-dir