编辑页面时在wagtail中修改预览按钮中的URL

编辑页面时在wagtail中修改预览按钮中的URL,wagtail,Wagtail,我用摇尾作为无头CMS。我想让这个CMS的用户很容易看到一个SPA页面预览。我已经在令牌的帮助下重写了API以公开草稿页 我唯一要做的就是修改预览按钮中的URL以重定向到SPA,这样他们就可以点击API,获取数据并呈现页面 有什么方法可以覆盖预览按钮的URL,或者只需添加另一个操作就可以在SPA上查看页面预览吗?尝试使用Ajax进行以下操作: function processAjaxData(response, urlPath){ document.getElementById("conte

我用摇尾作为无头CMS。我想让这个CMS的用户很容易看到一个SPA页面预览。我已经在令牌的帮助下重写了API以公开草稿页

我唯一要做的就是修改
预览
按钮中的URL以重定向到SPA,这样他们就可以点击API,获取数据并呈现页面


有什么方法可以覆盖
预览
按钮的URL,或者只需添加另一个操作就可以在SPA上查看页面预览吗?

尝试使用Ajax进行以下操作:

 function processAjaxData(response, urlPath){
 document.getElementById("content").innerHTML = response.html;
 document.title = response.pageTitle;
 window.history.pushState({"html":response.html,"pageTitle":response.pageTitle},"", urlPath);~}

wagtail headless preview
旨在解决这一问题:

pip安装摇尾无头预览

无头\u预览\u客户端\u URL={
'默认值':'http://localhost:8020/',
}

将HeadlessPreviewMixin添加到页面类:

来自wagtail\u headless\u preview.models导入headless PreviewMixin

class MyWonderfulPage(无标题预览mixin,第页):
pass

可能有用。