microsoft-graph-api - このアクションを実行する権限、またはこのリソースにアクセスする権限がありません。PNP

Question

Azure AD ユーザーがログインし、sharepoint のリストからデータを表示できるポータルがあります。

PNPJSとAngular MSALを使用してこれを達成しようとしています

開発段階では、 sp-rest-proxyを使用してすべてのリスト操作を正常に実行しまし たが、同じ角度のプロジェクトをビルドして Azure Web アプリにアップロードすると、"{"error":{"code":"-2147024891, System.UnauthorizedAccessException","message":{"lang":"en-US","value":"Access denied. You do not have permission to perform this action or access this resource."}}}"

応答ヘッダーにもエラーがありX-MSDAVEXT_Error: 917656; Access+denied.+Before+opening+files+in+this+location%2c+you+must+first+browse+to+the+web+site+and+select+the+option+to+login+automatically. 、SP セットアップ変数を使用するようになりました

const SPHeaders: any = {
  "Accept": "application/json;odata=verbose",
  "content-type": "application/json;odata=verbose"
 };
 sp.setup({
  sp: {
  baseUrl: "SharePoint siteUrl",
  headers: SPHeaders
  }
 });

注 : ユーザーが正常にログインし、グラフ API を使用してディレクトリ ユーザー情報をアクティブにすることができます。

以下のようにSPセットアップで認証後に取得したトークンを渡そうとしましたが、 理由="トークンに無効な署名が含まれています。";category="invalid_client"としてエラーが発生します

 sp.setup({
      sp: {
        baseUrl: environment.web,
        headers: {
          "Accept": "application/json;odata=verbose",
          "Authorization": `Bearer ${token}`
        }
      }
    });