chrome解决打开uniapp开发的本地项目跨域问题

351 阅读2分钟

今天当我用chrome打开使用uniapp开发的项目时遇到了跨域问题。由于浏览器的同源策略限制,脚本只能在同一域名下执行,因此访问其他域名的资源会受到限制。通常解决这个问题有很多的方法,比如设置CORS、JSONP、代理等方法,但是这些我都加上了发现还是报错。本文将详细介绍我是如何解决这个跨域问题,并提供一个实用的解决方案,以帮助读者更好地应对跨域问题。

1.使用谷歌浏览器打开本地项目控制台报错信息:

后台已经配置了CORS但还是有如下报错

image.png

2.解决办法

单独配置一个调试用的chrome

a)鼠标右击桌面谷歌浏览器的图标,选择创建快捷方式

b)重命名为Chrome-Debug

image.png c)右键点击新建快捷方式,选择属性,修改目标里面的内容,将内容替换为: "C:\Program Files\Google\Chrome\Application\chrome.exe" --user-data-dir="c:\ChromeDebug" --test-type --disable-web-security

注意注意:这里的 --disable-web-security 前面是有一个空格的千万不要给忽略了 image.png

路径一定要填对,否则无效

d)使用这个快捷方式打开刚才的跨域项目,完美解决问题!

总之,解决跨域问题是前端开发中的重要部分。本文介绍了一种跨域解决方案、原因和对应的解决方法,希望能对读者有所帮助。但需要注意的是,跨域问题由于浏览器限制等多种因素造成,无法拥有完美的解决方案。在实际开发中,需要根据具体情况选择合适的解决方法,并结合其他技术手段进行优化。希望读者在实际项目中遇到跨域问题时能够成功解决。