reactjs 如何在react Project中访问CDN中的私有文件

utugiqy6  于 2022-12-12  发布在  React
关注(0)|答案(1)|浏览(124)

这是用于网页上语言翻译我想在CDN上存储和访问翻译文件我想访问json或任何静态文件,它们在CDN上(内容交付网络)。该静态文件是私有的,即无法通过公共URL访问。需要此解决方案来本地化快速响应的React应用程序(因此,将静态json文件存储在CDN上是私有的)。我如何从react访问CDN上的私有文件?......是主要问题
我试过i18 next,i18 next-http-backend。它可以使用公共文件网址。我不知道如何从它访问私人文件。

0kjbasz6

0kjbasz61#

根据文档,您可以传递customHeaders选项...

这意味着您可以执行以下操作:

import i18next from 'i18next';
import HttpApi from 'i18next-http-backend';

i18next.use(HttpApi).init({
  backend: {
    loadPath: 'https://path-to-your-private-cdn',
    customHeaders: {
      authorization: 'some secret or whatever you need to be authorized'
    }
  },
});

或者使用提供此功能的服务,如locize

import i18next from 'i18next';
import LocizeBackend from 'i18next-locize-backend';

i18next.use(LocizeBackend).init({
  backend: {
    projectId: "[PROJECTID]",
    apiKey: "[APIKEY]",
    version: "[VERSION]",
    private: true
  }
});

相关问题