Vue中实现自定义编辑邮件发送到指定邮箱(纯前端实现)

Vue中实现自定义编辑邮件发送到指定邮箱(纯前端实现)_第1张图片Vue中实现自定义编辑邮件发送到指定邮箱(纯前端实现)_第2张图片

Vue中实现自定义编辑邮件发送到指定邮箱(纯前端实现)_第3张图片Vue中实现自定义编辑邮件发送到指定邮箱(纯前端实现)_第4张图片

formspree里面注册账号

Vue中实现自定义编辑邮件发送到指定邮箱(纯前端实现)_第5张图片Vue中实现自定义编辑邮件发送到指定邮箱(纯前端实现)_第6张图片

注册完成后进入后台新建项目并且新建表单

这一步完成之后你将得到一个地址

Vue中实现自定义编辑邮件发送到指定邮箱(纯前端实现)_第7张图片Vue中实现自定义编辑邮件发送到指定邮箱(纯前端实现)_第8张图片

最后就是在项目中请求这个地址

关键代码如下:

submitForm() {
  this.fullscreenLoading = true;
  this.$axios({
    method: "post",
    url: "https://xxxxxxxx",
    headers: {
      "Content-Type": "text/html; charset=utf-8",
    },
    data: {
        email: 'email',
        name: 'name',
        message: 'message'
    },
  })
    .then((res) => {
      if (res.data.ok) {
        this.fullscreenLoading = false;
        this.$message.success("发送成功!");
      }
    })
    .catch((e) => {
      this.fullscreenLoading = false;
      throw e;
    });
},

你可能感兴趣的:(后台管理系统,vue.js,java,数据库)