解决本地浏览器运行项目时的跨域问题-Access to XMLHttpRequest at ‘file:///D:/WebPracties/newSmartCity/data/funData.json

本文介绍了在本地开发中遇到的浏览器跨域问题及其解决方案,包括临时关闭浏览器安全设置、创建特殊配置的浏览器快捷方式以及使用VSCode Live Server插件。通过这些方法,可以成功运行涉及跨域的项目。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

解决本地浏览器运行项目时的跨域问题-Access to XMLHttpRequest at 'file:///D:/WebPracties/xxxxxx/data/funData.json

问题描述

这几天做项目的时候,遇到这样一个问题,写了一个页面,用js动态的创建了一系列li,让其在页面上展示,获取数据的方式是通过json模拟,结果运行界面 的时候,出现了差错,我以为是代码写错了,仔细检查了一遍,发现代码,没有任何问题,看了一下报错原因,上网查了一下,发现是ajax跨域问题。
先看一下报错的样子
在这里插入图片描述

解决办法一

首先声明,这种方式只是暂时的,浏览器一经关闭则不起作用了。以谷歌浏览器为例
首先,找到你浏览器安装的位置,一般默认安装的位置C:\Program Files\Google\Chrome\Application
然后、在该目录打开命令行,直接在文件夹导航栏输入cmd,敲回车
在这里插入图片描述
回车之后就进入了cmd命令行
在这里插入图片描述
最后只需要输入一条这样的命令
chrome.exe --disable-web-security --user-data-dir=C:\MyChromeUserFata
在这里插入图片描述
然后敲回车就会自动进入一个页面

评论 28
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值