Как я могу использовать mailjet с моим проектом vue?

Question

Я хочу использовать mailjet как контакт. Я устанавливаю "$ yarn add node-mailjet" и следую инструкциям, но я немного запутался, если использую mailjet хорошо, это мой код:

contact.vue:

  <form accept-charset="UTF-8" action="/contacto" class="row" method="post" id="contactForm">

    <div class="col-sm-4">
      <div class="input-group">
        <input type="text" class="form-control" placeholder="Nombre" name="contact[name]" id="contact_name" required>
        <span class="input-group-addon"><i class="fa fa-user"></i></span>
      </div>
    </div>
    <div class="col-sm-4">
      <div class="input-group">
        <input type="email" class="form-control" placeholder="Correo Electronico" name="contact[email]" id="contact_email" required>
        <span class="input-group-addon"><i class="fa fa-user"></i></span>
      </div>
    </div>
    <div class="col-sm-4">
      <div class="input-group">
        <input type="text" class="form-control" placeholder="Asunto" name="contact[issue]" id="contact_issue">
        <span class="input-group-addon"><i class="fa fa-user"></i></span>
      </div>
    </div>
    <div class="col-sm-12">
      <div class="input-group textarea">
        <textarea class="form-control" placeholder="Tu Mensaje" name="contact[comment]" id="contact_comment" required></textarea>
        <span class="input-group-addon"><i class="fa fa-pencil"></i></span>
      </div>
    </div>
    <div class="col-sm-12">
      <input type="submit" value="Enviar información" class="btn btn-danger active">
      <!--<a href="#" class="btn btn-danger active" @click="enviar()">Enviar</a>-->
    </div>
  </form>

сценарий:

export default {
}
    var Mailjet = require('node-mailjet').connect('xxxxapi-keyxxx', 'xxxapi-secretxxxx');

// The third argument (the object) is not mandatory. Each configuration key is also optional
const mailjet = require('apiv3')
  .connect(process.env.MJ_APIKEY_PUBLIC, process.env.MJ_APIKEY_PRIVATE, {
    url: 'api.mailjet.com', // default is the API url
    version: 'v3.1', // default is '/v3'
    perform_api_call: true // used for tests. default is true
  }),

var sendEmail = Mailjet.post('send');

var emailData = {
    'FromEmail': '[e-mail]',
    'FromName': 'My Name',
    'Subject': 'Test with the NodeJS Mailjet wrapper',
    'Text-part': 'Hello NodeJs !',
    'Recipients': [{
      'Email': '[e-mail]'
    }],
    'Attachments': [{
      "Content-Type": "text-plain",
      "Filename": "test.txt",
      "Content": "VGhpcyBpcyB5b3VyIGF0dGFjaGVkIGZpbGUhISEK", // Base64 for "This is your attached file!!!"
    }]
  },
  sendEmail
  .request(emailData)
  .then(handlePostResponse)
  .catch(handleError);

Я буду очень признателен, если вы можете сказать, если я нахожусь там, где у меня есть ошибка.

Answer 1

К сожалению, Mailjet предназначен для внутренних серверов, а vue - это интерфейс, поэтому он не будет работать.

Однако вы можете использовать мостовую службу, такую ​​как emailjs.com, чтобы сделать это, это обходной путь, который я выбрал!