不写一行代码，即可跨域的技巧

当开发完一个项目时，server 会给我们提供一个测试服务地址，对于移动端来说，不存在跨域的问题。而浏览器为了安全，有跨域的限制。

比如前端页面地址是：

http://suyan.bd.com:8080

而 server 地址是：

http://lefex.bd.com:8085

前端页面地址与 server 地址由于域名和端口都不一样，存在跨域问题，拿不到 server 的数据。

这时候如果你请教前端大佬，往往会告诉会你：

1、写个 node 服务中转一下，相当于在前端页面通过 node 服务请求 server；

2、让 server 临时支持一下跨域；

3、用 jsop 实现；

......

我只想看下页面效果，能不能痛快点，给个不写代码的方案。

能，今天给你一个技巧。

Chrome 浏览器在启动的时候，可以通过参数启动，屏蔽掉跨域。简单在 Termial 输入命令（红色字体要替换成自己的用户名）：

/Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --user-data-dir=/Users/suyan/Documents/google  --disable-web-security

上面的命令关键是 --disable-web-security，意思是忽略安全检查。执行完命令后，会打开一个浏览器窗口，在这个窗口请求的页面就不会存在跨域问题了。

如果你有什么好的小技巧，欢迎留言分享。

---

推荐阅读：

让 Class 与 Style 动起来

太强了，从 0 到 1 搭建 vue-cli

众人拾柴火焰高 · Vue虚拟实验室