【实用】通过设置chrome浏览器解决跨域问题,在本地进行开发调试

1.安装跨域浏览器插件
可安装Chrome插件:【Allow CORS: Access-Control-Allow-Origin】
之前一直是修改本地的很多文件,来实现本地开发工作的。
偶然间,发现有一种更好的方式,即通过设置chrome浏览器来解决跨域问题,非常的方便。

方法:
1、本地新建一个空文件夹,名字命名MyChromeDevUserData

2、在Chrome的快捷图标上点击鼠标右键,选择属性,选择快捷方式标签

3、在目标里面,在原chrome路径的基础上加上 --args --disable-web-security --user-data-dir=C:\Users\Administrator\Desktop\MyChromeDevUserData,
注意:
a、 “C:\Users\Administrator\Desktop\MyChromeDevUserData”为你本地新建MyChromeDevUserData夹的目录,请核对是否正确、这里只是示例路径
b、–args前面有个空格

4、点击应用,点击确定关闭属性窗口

5、关闭所有已打开的chrome,重新启动

6、看到MyChromeDevUserData文件夹里有东西了,就表示已经成功了

7、打开你本地的项目,以我自己的项目为例:
修改两个文件,1.config/index.js中将dev下的proxyTable注释掉
2.static/environment.js中的envData下的local里的baseURL改成我需要调试的环境网址

8、启动项目即可
————————————————
https://blog.csdn.net/TanMengyi/article/details/107641347
-- HbuildX 选择项目,点击右键,选择重新识别项目类型
-- 运行,运行到浏览器,就可以打开了
-- 如请求不到服务器,浏览器打开之后,选择移动端模式
posted @ 2022-06-10 08:47  寒冷的雨呢  阅读(1634)  评论(0编辑  收藏  举报