求助：SharePoint Online访客权限用户修改语言的SPFx解决方案

问题原因 #

你当前的代码直接更新Site User Info List中的用户条目，这个列表默认仅对拥有编辑及以上权限的用户开放写操作，访客权限用户没有修改权限，因此触发未授权错误。

可行解决方案 #

方案1：使用Microsoft Graph API修改用户语言设置 #

用户自身拥有修改自己账户语言设置的权限，即使是访客身份，只要配置好SPFx的Graph权限即可实现。

步骤1：配置Graph权限

在package-solution.json中添加Graph权限请求：

"webApiPermissionRequests": [
  {
    "resource": "Microsoft Graph",
    "scope": "User.ReadWrite"
  }
]

部署解决方案后，需要在SharePoint管理中心批准该权限请求。

步骤2：替换原有代码为Graph调用

import { MSGraphClient } from '@microsoft/sp-http';

// 获取Graph客户端并更新用户语言
this.context.msGraphClientFactory.getClient()
  .then((client: MSGraphClient) => {
    return client.api('/me/settings/language')
      .update({
        "preferredLanguage": selectedValue,
        "displayLanguage": selectedValue
      });
  })
  .then(() => {
    localStorage.setItem('Language', selectedValue === "ar-AE" ? 'arabic' : 'english');
    setTimeout(() => {
      window.location.reload(); // 替换新开窗口为页面重载，更符合用户体验
    }, 1000);
  })
  .catch(error => {
    console.error('语言设置更新失败:', error);
  });

该方案会将语言设置同步到用户的微软账户，SharePoint后续会自动识别并应用该语言。

方案2：前端本地存储实现语言切换（无需修改用户账户） #

如果不需要同步语言设置到用户账户，仅需前端层面切换显示语言，可以直接通过本地存储标记语言，然后在应用自定义器中读取该值适配UI：

// 存储语言标记
localStorage.setItem('SelectedLanguageCode', selectedValue);
localStorage.setItem('Language', selectedValue === "ar-AE" ? 'arabic' : 'english');

// 重载页面生效
setTimeout(() => {
  window.location.reload();
}, 1000);

// 在应用初始化时读取存储的语言并适配
const storedLangCode = localStorage.getItem('SelectedLanguageCode') || 'en-US';
// 根据storedLangCode加载对应语言资源、调整UI方向等

该方案无需任何写权限，所有操作在前端完成，但仅对当前浏览器生效，不会同步到用户的SharePoint或微软账户设置。

内容的提问来源于stack exchange，提问作者Umair Aslam