webpack vuejs를 통해 이메일 보내기

webpack vuejs를 통해 이메일 보내기

저는 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/MYDOMAIN/messages을 로드할 수 없습니다.요청 헤더 필드 허가는 비행 전 응답의 Access-Control-Allow-Headers에 의해 허용되지 않습니다.

제안이나 다른 방법이 있나요?

그mailgun-jsdocs 에서는, 이 조작 방법에 대해 설명합니다.

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누구나 사용할 수 있고 이메일도 보낼 수 있습니다.대신 이메일을 보낼 백엔드를 선택하세요.

언급URL : https://stackoverflow.com/questions/41946502/sending-email-through-webpack-vuejs