Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/432.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript React应用程序:保护React中的开发URL_Javascript_Reactjs_Rest_Security_Webpack - Fatal编程技术网

Javascript React应用程序:保护React中的开发URL

Javascript React应用程序:保护React中的开发URL,javascript,reactjs,rest,security,webpack,Javascript,Reactjs,Rest,Security,Webpack,我在React应用程序中工作,该应用程序目前在其index.js文件中包含开发端点。这些端点是应用程序所依赖的身份验证、数据检索和基本CRUD相关功能所必需的。例如,所有调用都以enpoint开头: export const ROOT\u URL=https://dev4work.testsite.io/ 同样,为了清楚起见,我们合并了redux,它将采用这个根端点,利用不同的参数和查询,在生命周期方法中调用实际的创建者 然而,我想知道是否有办法保护这些端点免受可能的安全漏洞。目前,它们将在我的

我在React应用程序中工作,该应用程序目前在其index.js文件中包含开发端点。这些端点是应用程序所依赖的身份验证、数据检索和基本CRUD相关功能所必需的。例如,所有调用都以enpoint开头:

export const ROOT\u URL=https://dev4work.testsite.io/

同样,为了清楚起见,我们合并了redux,它将采用这个根端点,利用不同的参数和查询,在生命周期方法中调用实际的创建者

然而,我想知道是否有办法保护这些端点免受可能的安全漏洞。目前,它们将在我的bundle.js/manifest.js文件中公开


我试图进行研究,但无法确定编写此代码的最佳策略。我需要在网页中进行配置吗?是否创建一个.env文件以容纳端点?请让我知道你的想法或你实施的策略

一天结束时,URL将出现在传递给浏览器的最后一个捆绑包中。您可以实现自己的服务器并将其隐藏在那里,如果API敏感且需要身份验证,则将请求代理到该API。在构建管道中使用和替换插件(如webpack)。然后,在代码中使用
process.env.ROOT\u URL
,仅公开最终捆绑包中使用的真实URL。一天结束时,URL将出现在传递给浏览器的最终捆绑包中。您可以实现自己的服务器并将其隐藏在那里,如果API敏感且需要身份验证,则将请求代理到该API。在构建管道中使用和替换插件(如webpack)。然后,在代码中使用
process.env.ROOT\u URL
,只公开最终捆绑包中使用的真实URL。