前端笔记 ---- Chrome 浏览器不能跨域访问解决方案

1. 需求场景

  1. Chrome 浏览器开发 H5 进行接口联调时,浏览器不允许跨域访问;
  2. 想通过浏览器设置,不使用代理等,浏览器可以进行跨域访问。

2. 报错图片

前端笔记 ---- Chrome 浏览器不能跨域访问解决方案_第1张图片

3. 解决方案

3.1 获取Chrome 浏览器安装位置

前端笔记 ---- Chrome 浏览器不能跨域访问解决方案_第2张图片

3.2 设置允许跨域和不验证证书

--user-data-dir="C://Chrome dev session" --disable-web-security --test-type --ignore-certificate-errors

3.3 cmd 执行设置命令

前端笔记 ---- Chrome 浏览器不能跨域访问解决方案_第3张图片

3.4 组成完整命令

C:\Users\Rattenking\AppData\Local\Google\Chrome\Application\chrome.exe --user-data-dir="C://Chrome dev session" --disable-web-security --test-type --ignore-certificate-errors

3.5 cmd 运行命令

前端笔记 ---- Chrome 浏览器不能跨域访问解决方案_第4张图片

3.6 命令执行完成打开新的浏览器窗口

将之前访问地址拷贝到新打开的 Chrome 浏览器窗口!!!

前端笔记 ---- Chrome 浏览器不能跨域访问解决方案_第5张图片

4. 总结

  1. 获取 Chrome 浏览器安装的位置;
  2. 组装完整设置命令;
  3. 执行命令,就可以设置可跨域访问。
C:\Users\Rattenking\AppData\Local\Google\Chrome\Application\chrome.exe --user-data-dir="C://Chrome dev session" --disable-web-security --test-type --ignore-certificate-errors

你可能感兴趣的:(Rattenking,的前端笔记,chrome,前端,笔记)