是否有人在 React Native WebView 中成功显示了 Azure Storage Blob 托管的 Word 文档 URL？

Question

我们有一个简单的 Word 文档（私有（无匿名访问））托管在启用了 SAS 令牌的 Microsoft Azure BlobStorage 私有容器中，现在当我们使用 React Native Webview 时，文档无法显示有没有人遇到过类似的问题？

return (
    <WebView
        source={{ uri: 'http://docs.google.com/gview?embedded=true&url=https://xyzgazd.blob.core.windows.net/schedules/file-sample_100kB.doc?sv=2018-08-18&sr=b&sig=usjflasjkflajskflafkjamb0AZwnnLhwy3-07-02T12%3A49%3A59Z&sp=r'}}
        style={{ marginTop: 20 }}
      />
)

Answer 1

请URL-encode您的SAS token（包括前面的?），您应该可以看到内容。我刚刚尝试在我的存储帐户中使用一个文本文件，当我对 SAS 令牌进行 URL 编码时它起作用了。否则，我也会收到与您收到的错误相同的错误。

更新：以下是基于上述解释的代码：

var url = "https://xyzgazd.blob.core.windows.net/schedules/file-sample_100kB.doc?sv=2018-08-18&sr=b&sig=usjflasjkflajskflafkjamb0AZwnnLhwy3-07-02T12%3A49%3A59Z&sp=r"

    <WebView
            source={{ uri: 'http://docs.google.com/gview?embedded=true&url=' + encodedURIComponent(url)}}
            style={{ marginTop: 20 }}
          />