【工作笔记0027】前后端分离,前端跨域问题,屏蔽谷歌浏览器跨域检测

前后端分离涉及的项目中,开发期间经常会遇到前端跨域问题,其实这个问题主要是浏览器的一个安全检测机制,屏蔽这个机制就行了。拿前端 vue 后端 api 的项目结构说吧,开发期间只要屏蔽浏览器的跨域检测,上线时将前端 vue项目 和 api项目 放在同一个站点下即可避免跨域。话不多说,以谷歌浏览器屏蔽跨域检测为例:

1.关闭所有谷歌浏览器窗口

2.在桌面重新新建一个谷歌浏览器快捷方式

3.在新的快捷方式图表上  右键 -> 属性,在 “目标” 栏后面先打个空格,再添加这一句命令  --disable-web-security --user-data-dir     最后在末尾再打个空格,确定

【工作笔记0027】前后端分离,前端跨域问题,屏蔽谷歌浏览器跨域检测

4.双击 新的快捷方式打开浏览器,在浏览器的顶部会出现以下提示则说明已经屏蔽了跨域检测,前端调试的时候请求可以正常发送并获取后台api数据,不会再报跨域问题

【工作笔记0027】前后端分离,前端跨域问题,屏蔽谷歌浏览器跨域检测