在进行前端开发时，可能会遇到 Access to restricted URI denied 的错误提示，其中错误代码为 1012。这个错误通常表示浏览器因同源策略的限制而阻止了跨域请求。本文将详细介绍该错误的原因、解决方法以及如何避免它的发生。
什么是同源策略？
同源策略是浏览器中的一项安全措施，用于防止 Web 应用程序中恶意脚本的攻击。简单来说，同源策略要求网页只能从与其自身来源相同的服务器获取信息，而不能从其他网站或者服务器上获取信息。例如，如果一个页面在 http://example.com 上加载，那么它只能与 http://example.com 上的资源进行通信，而不能与 http://otherdomain.com 上的资源进行通信。
为什么会出现访问限制URI被拒绝错误？
当我们使用 AJAX 技术发送 HTTP 请求时，如果请求的 URL 不符合同源策略，浏览器就会拒绝该请求并抛出 Access to restricted URI denied 错误。比如，我们在 www.example.com 发送一个请求到 api.otherdomain.com，就会触发这个错误。
如何解决访问限制URI被拒绝错误？
有以下几种方法可以解决这个错误：
1. 使用 JSONP
JSONP 是一种跨域技术，它允许我们从其他域名获取数据并避开同源策略。使用 JSONP 的原理是，浏览器允许通过 <script> 标签加载来自其他域名的 JavaScript 文件，因此我们可以利用这个特性实现跨域数据传输。下面是一个示例：
function handleResponse(data) {
// 处理响应数据
}
var script = document.createElement('script');
script.src = 'http://api.otherdomain.com/data.json?callback=handleResponse';
document.head.appendChild(script);这段代码会向 http://api.otherdomain.com/data.json 发送一个 GET 请求，并指定回调函数为 handleResponse。服务器返回的数据将被包装在这个回调函数中，从而实现跨域数据传输。
需要注意的是，服务器端需要支持返回 JSONP 格式的数据才能使用该方法。
2. 使用代理
使用代理服务器是另一种解决跨域问题的方法。这种方法的原理是，在本地服务器上创建一个接口，然后将跨域请求发送到该接口，再由该接口转发到目标服务器。这样，就能够避免浏览器的同源策略限制。
下面是一个使用 Node.js 搭建代理服务器的示例：
-- -------------------- ---- -------
----- ---- - ----------------
----- ------- - -------------------
----------------------- ---- -- -
----- --- - ---------------------------- - --------
----- ------- - -
---- ---
--
-------------------------------
----------------这段代码会创建一个本地服务器，监听 http://localhost:3000 端口。当接收到请求时，它会将请求转发到目标服务器，并将响应返回给浏览器。
3. 使用 CORS
CORS（Cross-Origin Resource Sharing）是一种跨域技术，它允许服务器声明哪些域名可以访问其资源。我们可以在服务器端设置相应的 HTTP 头信息来实现 CORS。下面是一个使用 Express 框架设置 CORS 的示例：
const express = require('express
> 来源：[JavaScript中文网](https://www.javascriptcn.com/post/30776) ，转载请注明来源
[https://www.javascriptcn.com/post/30776](https://www.javascriptcn.com/post/30776)