在前端开发过程中,我们总能面临到一些Ajax请求浏览器跨域问题。
跨域问题一般都是后端解决的,但是作为前端的我们也要掌握一些解决跨域问题的方案。
前端解决跨域问题的方案一般来说是jsonp或者代理。
今天我就来分享浏览器端的解决跨域的方案。
- 目前我的项目跨域表现是这样的

- 这时候我们第一步就在我们本地创建一个文件夹,这个文件夹是用来保存关闭安全策略后的用户信息的,名字可以随意取,位置也可以随意放。

- 然后打开电脑的终端输入
open -n /Applications/Google\ Chrome.app/ --args --disable-web-security --user-data-dir=/Users/chenlei/Documents/chenlei/MyChromeDevUserData
解释一下:open -n /Applications/Google\ Chrome.app/ --args --disable-web-security --user-data-dir=之前创建文件所在位置地址。
4.然后敲击回车即可打开电脑的Chrome浏览器。你可以对比一下,我们刚刚打开的浏览器和我们之前的相比,上方会有一个不安全的提示。

- 接下来可以将之前需要调试的程序页面复制粘贴到新打开的浏览器中,可以看到AJAX跨域的问题已经解决了,数据能够获取到了

那这边在强调一下,我们可能不知道我们新建的文件夹的地址改如何表示,那么这个时候我们可以打开终端,输入一下命令,回车之后即可在文件夹的上方看到文件的地址,替换我上面的文件地址即可
defaults write com.apple.finder _FXShowPosixPathInTitle -bool TRUE;killall Finder

本文详细介绍了如何通过在Chrome浏览器中临时禁用安全策略来解决前端AJAX跨域问题,包括创建专用文件夹、配置命令行参数和验证解决效果。适合前端开发者快速解决开发过程中的跨域问题。

1万+

被折叠的 条评论
为什么被折叠?



