安装所需的依赖项

要在react项目中使用Headless自适应表单，请在react项目中安装以下依赖项

更新package.json以包含以下依赖项。 在编写本报告时，0.22.41是当前版本

"@aemforms/af-react-components": "^0.22.41",
"@aemforms/af-react-renderer": "^0.22.41",

设置代理

跨源资源共享(CORS)是一种安全机制，可限制Web浏览器向应用程序托管的域以外的其他域发出请求。 当您尝试从托管在不同域上的API获取数据时，可能会发生CORS错误。 通过设置代理，您可以绕过CORS限制，从React应用程序向API发出请求。 我在src文件夹中名为setUpProxy.js的文件中使用了以下代码。 确保将目标更改为指向发布实例。

const { createProxyMiddleware } = require('http-proxy-middleware');
const proxy = {
    target: 'https://mypublishinstance:4503/',
    changeOrigin: true
}
module.exports = function(app) {
  app.use(
    '/adobe',
    createProxyMiddleware(proxy)
  ),
  app.use(
    '/content',
    createProxyMiddleware(proxy)
  );
};

您还需要安装​ http-proxy-middleware ​模块并将其添加到您的项目中。

后续步骤

获取要嵌入的表单