如何将域URL保存在单个文件中并在不同组件中重用？

Question

所以,我有一个域名网址,我使用不同的路径来向api发出不同的请求.所以例如"api.example-url.com",我使用不同的路径,如"api.example-url.com/path1"和"api.example-url.com/path2",所以我想保存域URL在单个文件中,然后将其导入不同的组件,以便我可以使用不同的路径,每当域更改时,我只需更改该文件中的域.reactjs有可能吗？

Answer 1

有不同的方法可以做到这一点是配置

的WebPack

像这样

    plugins: [
     new webpack.DefinePlugin({
     BASE_URL: (typeof process.env.BASE_URL !== 'undefined') ? 
      process.env.BASE_URL : 'http://localhost:3000'
     })
    ],

您可以在webpack配置中定义它.所以你可以在代码中的任何地方使用

另一种是定义常量并导入此常量以在代码中的任何位置使用.

export const BASE_URL = "http://example.com"