微软Outlook中网站换绑邮箱按钮失效（CSP拦截）求助

当前换绑邮箱邮件使用form表单提交GET请求触发跳转，Outlook的内容安全策略（CSP）会拦截邮件内的表单提交行为，导致点击按钮无响应；而其他邮件客户端允许此类操作，会正常弹出外部页面提示。

修复方案：替换表单为直接跳转链接 #

Outlook对邮件内的<a>标签跳转支持更友好，不会触发CSP拦截，因此将原表单提交逻辑替换为直接的链接跳转即可解决问题。

修改后的邮件模板代码：

<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
    /* Global styles */
    body {
        margin: 0;
        padding: 0;
        font-family: Arial, sans-serif;
        font-size: 16px;
        line-height: 1.4;
        color: #333333;
        background-color: #f2f2f2;
    }

    /* Container */
    .container {
        margin: 0 auto;
        padding: 20px;
        max-width: 600px;
        background-color: #ffffff;
        border: 1px solid #dddddd;
    }

    /* Heading */
    h1 {
        margin-top: 0;
        font-size: 24px;
        text-align: center;
    }

    /* Paragraph */
    p {
        margin-bottom: 20px;
    }

    /* Button link */
    .subButton {
        display: inline-block;
        margin-top: 20px;
        padding: 10px;
        border-radius: 3px;
        background-color: #007bff;
        color: #ffffff;
        font-size: 16px;
        font-weight: bold;
        text-transform: uppercase;
        text-decoration: none;
    }

    .align-center {
        text-align: center
    }
</style>
</head>
<body>
    <div class="container">
        <h1>{{__('messages.emrl')}}</h1>
        <h3>{{__('messages.emyr')}}</h3>
        <div class="align-center">
            <a href="{{ route(app()->getLocale() == 'en' ? 'en.emailchangenew' : 'fr.emailchangenew', $token) }}" class="subButton">{{__('messages.emver')}}</a>
        </div>
    </div>
</body>
</html>

修改说明： #

1. 移除了<form>标签，将原提交按钮替换为<a>标签，直接通过href属性指向换绑邮箱的目标地址
2. 调整了.subButton的样式：将display:block改为display:inline-block（保持居中效果），添加text-decoration:none去掉链接默认下划线，确保视觉效果和原按钮一致
3. 保留了原有的国际化路由逻辑和文本占位符，不影响多语言适配

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