解决mac前端本地浏览器跨域的问题

Posted 2021-12-28 3个半只松鼠

​
1.修改hosts文件，打开终端：sudo vim /etc/hosts

2.查看是否有以下dns地址解析对，有则跳过；无则修改，添加以下解析对


127.0.0.1 localhost

本例子是以 localhost解析到本地地址，也可以设置http://xxx.com解析对应本地地址。如：127.0.0.1 xxx.com，则启动的项目可以以http:// xxx.com访问

3.启动终端，输入命令：


open -n /Applications/Google\\ Chrome.app/ --args --disable-web-security --user-data-dir=/Users/apple/MyChromeDevUserData

（可保存此命令，以便下次启动）

user-data-dir：（/Users/apple/MyChromeDevUserData）注意需要手动修改，为此跨域浏览器的文件缓存数据，可自行自定义创建

4.运行输入终端对命令，则浏览器被打开，在浏览器运行项目，http://localhost:8000/

5.跨域则解决，举个解决问题的项目例子：

​在没有设置跨域的浏览器，出现上传图片的跨域问题，

设置了跨域的浏览器，上传图片则没有出现跨域问题。

多多关注，我多发干货😥。