角度2加载本地json文件403禁止错误

是指在使用Angular框架进行前端开发时，尝试加载本地的JSON文件时出现的403禁止错误。这个错误通常是由于浏览器的安全策略导致的，浏览器默认禁止从本地文件系统加载跨域的资源。

为了解决这个问题，可以采取以下几种方法：

使用Angular的HttpClient模块进行加载：在Angular中，可以使用HttpClient模块来发送HTTP请求并加载JSON文件。通过使用HttpClient，可以避免浏览器的安全限制。以下是一个示例代码：

import { HttpClient } from '@angular/common/http';

constructor(private http: HttpClient) { }

loadJsonFile() {
  this.http.get('assets/data.json').subscribe(data => {
    console.log(data);
  });
}

在上述代码中，assets/data.json是相对于项目根目录的JSON文件路径。通过使用HttpClient的get方法，可以加载JSON文件并在回调函数中处理数据。

配置本地开发服务器：可以通过配置本地开发服务器来解决403禁止错误。可以使用Angular CLI提供的开发服务器来运行应用程序，并在服务器端口上提供JSON文件。以下是一个示例代码：

ng serve --port 4200 --proxy-config proxy.conf.json

在上述代码中，--port参数指定了服务器的端口号，--proxy-config参数指定了代理配置文件的路径。在代理配置文件中，可以将请求转发到本地的JSON文件。以下是一个示例的proxy.conf.json文件内容：

{
  "/api": {
    "target": "http://localhost:4200",
    "secure": false,
    "pathRewrite": {
      "^/api": "/assets/data.json"
    }
  }
}

在上述配置中，将以/api开头的请求转发到assets/data.json文件。

使用JSONP：如果JSON文件位于不同的域上，可以考虑使用JSONP来加载数据。JSONP是一种跨域请求的方法，通过动态创建<script>标签来加载JSON数据。以下是一个示例代码：

loadJsonFile() {
  const script = document.createElement('script');
  script.src = 'http://example.com/data.json?callback=handleData';
  document.body.appendChild(script);
}

handleData(data) {
  console.log(data);
}

在上述代码中，通过创建一个<script>标签，并设置其src属性为JSON文件的URL，同时指定一个回调函数handleData来处理数据。

总结：角度2加载本地JSON文件403禁止错误是由于浏览器的安全策略导致的，可以通过使用Angular的HttpClient模块、配置本地开发服务器或使用JSONP来解决这个问题。具体的解决方法根据实际情况选择。