获取SPFx应用程序中的列表项

Question

尝试通过SPFx webpart项目中spHttpClient对象的get方法检索列表项。

这里是代码片段;

private readItems(): void {
    this.setState({
      status: 'Loading all items...',
      items: []
    });
    this.props.httpClient.get(`${this.siteUrl}/_api/web/lists/getbytitle('${this.props.listName}')/items?$select=Title,Id`, 
    SPHttpClientConfigurations.v1)
      .then((response: Response): Promise<{ value: IListItem[] }> => {
        debugger;
        return response.json();
      });
  }

此处触发此功能的是来自服务器的响应;

消息很明显，但我真的需要在此网址中获取列表项。我怎么能实现它？

我用yeoman生成器创建了这个项目（“yo @ microsoft / sharepoint”）是否有任何配置使其运行http：//而不是https：//

如您所知，应用程序的默认地址为“https://localhost:4321/temp/workbench.html”

Answer 1

如果您不部署租户，您将无法访问租户。如果将其部署到SharePoint，则会将工作台与SharePoint链接。

另一个选择是，如果您将使用本地工作台而不是SharePoint租户，则可以模拟列表。

您可以查看此视频，了解如何模拟列表或将其部署到SharePoint： https://www.youtube.com/watch?v=9VMwjb2pbQ8&index=3&list=PLR9nK3mnD-OXvSWvS2zglCzz4iplhVrKq

Answer 2

您可以轻松使用租户的工作台：https://your_tenant_name.sharepoint.com/_layouts/15/workbench.aspx

在这种情况下，您无需模拟任何内容。 只需使用gulp serve --nobrowser并转到该URL。