Mac和Window的Chrome欣赏器跨域完善解决方案 | 开发调试必备（接口跨域、本 ...

几种最简单高效的Chrome欣赏器跨域解决方案：

• 命令行启动方式（最简单）
  

1. # Windows
2. chrome.exe --disable-web-security --user-data-dir=任意空文件夹路径
4. # Mac
5. open -n /Applications/Google\ Chrome.app/ --args --disable-web-security --user-data-dir=任意空文件夹路径

复制代码

或者
2.手动创建（教程清晰）
Window教程
第一步：复制一份chrome欣赏器在桌面，重命名（用于区分跨域和非跨域）

第二步：在c盘新建一个文件夹，命名为MyChromeDevUserData
第三步：右键点击第一步复制出来的chrome欣赏器，点击属性，来到快捷方式，将 --disable-web-security --user-data-dir=C:\MyChromeDevUserData,–user-data-dir粘贴在目的一栏的末了，点击确定

Mac教程
创建一个开启跨域的chrome
1.command+ 空格打开，输入automator回车打开automator
2.选择应用步伐，点击选取
3.选择实用工具中的shell脚本，双击之后输入

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

复制代码

4.关闭并重命名，选择好位置，保存到应用步伐，点击存储

5.查看 Launchpad 中，就有这个跨域的图标了

• Chrome扩展插件（保举）
  

• 安装 “Allow CORS: Access-Control-Allow-Origin” 插件
  
• 点击插件图标开启即可
  
• 长处：无需重启欣赏器，随开随用
  

• 前端临时解决方案（开发阶段）
  

1. // 使用代理服务
2. const proxy = {
3.   '/api': {
4.     target: 'http://目标域名',
5.     changeOrigin: true,
6.     pathRewrite: {
7.       '^/api': ''
8.     }
9.   }
10. }

复制代码

45 JSONP方式（适用于GET请求）

1. function jsonp(url, callback) {
2.   const script = document.createElement('script')
3.   script.src = url + '?callback=' + callback
4.   document.body.appendChild(script)
5. }

复制代码

注意事项：

• 以上方法主要用于开发调试阶段
  
• 生产情况建议使用正规的跨域解决方案（CORS、署理等）
  
• 命令行方式会创建新的Chrome实例，不影响原有的欣赏器设置
  
• 使用完跨域调试后记得关闭相关设置，以免安全隐患
  

保举使用顺序：

• 优先使用CORS插件（最方便）
  
• 如果插件无效，实验命令行方式或手动创建跨域欣赏器
  
• 开发情况可以设置署理
  
• 特殊场景才考虑JSONP
  

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。