带有脚本标记的laravel电子邮件

ztmd8pv5  于 2021-06-20  发布在  Mysql
关注(0)|答案(1)|浏览(338)

晚上好,这是我的laravels邮件刀片文件,我正在尝试用地理编码将坐标转换为实际地址。当我把它发送到一封电子邮件(mailtrap.io)时,我认为脚本被忽略了,没有显示任何内容,只有一个空div。我试图创建一个包含此内容的空index.html页面,只需手动填写坐标,脚本就可以工作了。是的,我检查了{{$task->纬度},{{$task->经度}是否有效,如果我把它写在div中,它会在我收到邮件时显示坐标。1mailtraip.io出于安全原因而忽略脚本标记?2我的错在哪里?

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
  <title>Email</title>
</head>
<body>

  <div id="emailOutput">

  </div>

  <script type="text/javascript">
    geocode();
    function geocode(){
      let location = 'lat:{{$task->latitude}}, lng:{{$task->longitude}}';
      axios.get('https://maps.googleapis.com/maps/api/geocode/json',{
        params:{
          address:location,
          key:'AIzaSyBqgKZ40pxXAigIXetiNjSqAGd8xtHLCJQ',
        }
      })
      .then(function (response) {
        let formattedAddress = response.data.results[0].formatted_address;
        let emailOutput =
         `
          <h1>Your <b>work</b> device has been successfully added to database.</h1>
          <p>Device ID: {{$task->deviceId}}</p>
          <p>Address: ${formattedAddress}</p>
        `;

        document.getElementById('emailOutput').innerHTML = emailOutput;
      })
      .catch(function (error) {
        console.log(error);
      });
    }
  </script>

</body>
</html>
gmxoilav

gmxoilav1#

你不会把可执行的javascript放到服务器和邮件客户机上。但电子邮件确实支持链接,你可以随时在电子邮件中链接到你的内容。

相关问题