嘿,我不太熟悉 JavaScript 或 React。 所以我希望我不要问一个太简单的问题:
我想要一个“单页”网站,并且想要使用 ajax 请求动态更改此页面。
我已经为四个可见性级别( guest 用户、普通用户、主持人、管理员)编写了示例代码
如果您登录我的页面并且您是管理员,您将获得各个级别的 JS 代码。例如,在 json-response 中有一个列表,其中包含 Javascriptcode 目标的 URL。
如果您以普通用户身份登录,您应该只获得普通用户的 js 代码。您已有的 guest-user-js-code;您在进入该页面时就得到了该信息。
所以我想事情很清楚,我想要什么。
但是我应该如何实现这个呢? 有现成的解决方案吗?
https://reactjs.org/docs/code-splitting.html 也许我必须在这里调整这个?
也许有一些很好的 bundler 可供我使用,通过隐藏端点 url 进行分割(如果我拥有 ajax 请求的权限,我会得到这些)?
lg 结点
最佳答案
正如我在评论中所说,我认为这个问题非常非常广泛。每个请求都是一个完整的独立参数。
总的来说,我希望这能引导您走上正确的道路。
您可以使用 CommonJS 或 ES6 模块来拆分代码(了解更多 here )。那就是保持它的“模块化”。然后,在 bundle 过程中,可能会应用其他拆分技术,但这取决于您的开发环境和使用的工具。
您的最佳 bundle 选项是 Webpack毫无疑问。然而,直接处理 Webpack 或设置自定义开发环境并不是一件容易的事。您肯定会想阅读 Create React App ,这是单页应用程序的一个很好的起点。它将允许您以“模块化”方式编写代码,并自动 bundle 、拆分和处理它(在底层使用 Webpack)。
最后,保护访问必须在服务器端完成(那里有另一个可用选项的世界)。
关于JavaScript 代码分割并隐藏代码端点,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60687935/