email - 通过 webpack vuejs 发送邮件

Question

我是 vuejs2 的初学者，我正在尝试制作一个简单的联系表单(使用 webpack 和 vuejs2)。

我已经使用指向以下方法的发送按钮创建了我的表单:

<button @click.prevent="sendemail" class="btn btn-xl">Send</button>

方法:

methods: {
sendemail () {
  var mailgun = require('mailgun.js')
  var mg = mailgun.client({username: 'MYUSERNAME', key: MYAPIKEY})
  mg.messages.create('MYDOMAIN', {
    from: 'FROMEMAIL',
    to: ['TOEMAIL'],
    subject: 'SUBJECT',
    text: 'TEXT'
  })
  .then(msg => console.log(msg)) // logs response data
  .catch(err => console.log(err)) // logs any error
}
}

当我按下发送按钮时，出现以下错误:

XMLHttpRequest 无法加载 https://api.mailgun.net/v3/ 我的域/消息。请求 header 字段 Authorization is not allowed by Access-Control-Allow-Headers in preflight response.

有什么建议或其他方法吗？

Answer 1

mailgun-js 文档指定了我们如何做到这一点的方法:

var api_key = 'key-XXXXXXXXXXXXXXXXXXXXXXX';
var domain = 'www.mydomain.com';
var mailgun = require('mailgun-js')({apiKey: api_key, domain: domain});

var data = {
  from: 'Excited User <me@samples.mailgun.org>',
  to: 'serobnic@mail.ru',
  subject: 'Hello',
  text: 'Testing some Mailgun awesomness!'
};

mailgun.messages().send(data, function (error, body) {
  console.log(body);
});

另外请注意，我不会将 api_key 放在我的前端，因为任何人都可以使用它并发送电子邮件。相反，请尝试选择一个将为您发送电子邮件的后端。