Wagtail菜单问题：外部URL附加主域名，新窗口打开异常

这个问题的核心原因很明确：当你输入google.com这类不带协议头（http:///https://）的链接时，浏览器会默认把它当作相对路径处理，自动拼接当前页面的主机地址，最终就变成了http://127.0.0.1:8000/google.com。这和Orderable模型本身无关，纯粹是链接格式的解析问题。

下面给你两种实用的修复方案，你可以根据需求选择：

方案1：自动为外部链接补充协议头（推荐） #

修改MenuItem模型里的link属性，自动检测并补充缺失的协议头，这样用户即使输入不带协议的链接，也能正常跳转：

@property
def link(self):
    if self.link_page:
        return self.link_page.url
    elif self.link_url:
        # 先去除链接前后的空格，避免输入时的冗余空格影响判断
        url = self.link_url.strip()
        # 检查链接是否已包含协议头或协议相对前缀
        if not url.startswith(('http://', 'https://', '//')):
            # 默认使用https协议，也可以根据需求改成http
            return f'https://{url}'
        return url
    return "#"

这个逻辑还支持//google.com这种协议相对链接（会自动继承当前页面的http/https协议），兼容性更强。

方案2：在后台添加输入验证，强制用户输入完整链接 #

如果你希望从源头规范用户的输入，可以给MenuItem模型添加clean方法，做输入验证：

from django.core.exceptions import ValidationError

class MenuItem(Orderable):
    # ... 现有字段和代码 ...

    def clean(self):
        super().clean()
        # 当填写了link_url但没有协议头时，抛出验证错误
        if self.link_url and not self.link_url.strip().startswith(('http://', 'https://', '//')):
            raise ValidationError({
                'link_url': "请输入完整的外部链接，需以http://、https://或//开头。"
            })

这样用户在后台输入不规范的链接时，会直接收到错误提示，从根源避免问题。

额外说明 #

你的前端模板代码是没问题的，target="_blank"的逻辑也正常。问题完全出在后端返回的链接格式上，只要确保item.link返回的是带协议头的绝对URL，浏览器就会正确识别为外部链接，不会附加本地主机地址了。

内容的提问来源于stack exchange，提问作者Omar Gonzales