Incoming Webhookとjavascriptでslackに送信する

slackアプリでIncoming Webhookを追加する。
するとWebhook URLが手に入る。

sendSlack () {
  const payload = {
    // slackのデータ
    'blocks': [
      {
        'type': 'section',
        'text': {
          'type': 'mrkdwn',
          'text': 'slackに送信'
        }
      },
      {
        'type': 'section',
        'fields': [
          {
            'type': 'mrkdwn',
            'text': 'ああああ'
          },
        ]
      },
      {
        'type': 'actions',
        'elements': [
          {
            'type': 'button',
            'text': {
              'type': 'plain_text',
              'emoji': true,
              'text': 'Approve'
            },
            'style': 'primary',
            'value': 'click_me_123'
          },
          {
            'type': 'button',
            'text': {
              'type': 'plain_text',
              'emoji': true,
              'text': 'Deny'
            },
            'style': 'danger',
            'value': 'click_me_123'
          }
        ]
      }
    ]
  }

  const _self = this
  const url = 'https://hooks.slack.com/services/{token}'

  fetch(url, {
    method: 'POST',
    body: JSON.stringify(payload)
  }).then(function (responce) {
    if (!responce.ok) {
      alert('エラーです')
    }
    _self.$router.push('/')
  }).catch(function (error) {
    console.log(error.message)
  })
}