解决本地浏览器运行项目的跨域问题-Access to XMLHttpRequest at 'fileDWebPractiesnewSmartCitydatafunData.json

跨域问题解决方案

• 问题陈述
  • 应对策略一
  • 应对策略二
  • 解决途径三

问题描述

在近期项目开发过程中，遇到了一个技术难题。当时编写了一个页面，使用JavaScript动态生成多个列表项，并在界面上进行展示。数据获取方式是通过JSON模拟实现的。然而，在运行界面时却出现了异常情况。起初误以为是代码存在错误，于是仔细检查了相关代码，但并未发现任何问题。随后查看了报错信息，并通过网络搜索进行排查，最终确认是由于AJAX跨域访问所引发的问题。
接下来可以观察具体的报错表现形式

解决办法一

需要说明的是，此种操作方式仅为临时性解决方案，一旦浏览器窗口关闭，相关设置将不再生效。以谷歌浏览器为例
首先，确定浏览器的安装路径，通常情况下默认安装路径为C:Program FilesGoogleChromeApplication
接下来，在该文件夹内启动命令行界面，只需在地址栏输入cmd并按下回车键即可执行。

![在这里插入图片描述](https://ad.itadn.com/c/weblog/blog