vue+node实现邮箱（qq邮箱/163邮箱）找回密码功能-基于nodemailer

待我称王封你为后i 2021-09-08 13:44 1961阅读 1赞

**目录**

获取邮箱授权码

发送邮箱demo

项目实战

注册用户时，使用邮箱激活用户

忘记密码时，使用邮箱重置密码

--------------------

> 参考：[https://blog.csdn.net/konghouy/article/details/84961500][https_blog.csdn.net_konghouy_article_details_84961500]

# 获取邮箱授权码  #

获取授权码方法：[https://jingyan.baidu.com/article/fedf0737af2b4035ac8977ea.html][https_jingyan.baidu.com_article_fedf0737af2b4035ac8977ea.html]

登录qq邮箱：[https://mail.qq.com][https_mail.qq.com]

![20210701093114182.png][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMzIzMjU2_size_16_color_FFFFFF_t_70][]

在账户页面往下拉，可以看到pop3设置，选择【开启】。

![20210701093340249.png][]![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMzIzMjU2_size_16_color_FFFFFF_t_70 1][]

按照短信验证的提示发送短信。发送成功后直接点击“我已发送”。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMzIzMjU2_size_16_color_FFFFFF_t_70 2][]

弹出的提示中直接显示16位的授权码，可以复制下来，或者是记下来，千万不要记错了。然后点击“确定”。![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMzIzMjU2_size_16_color_FFFFFF_t_70 3][]

下方的收取选项一般是默认30天的，点击下拉箭头，选择“全部”，并点击页面最下方的保存更改。千万别忘了点击保存，不然之前做的都白费了

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMzIzMjU2_size_16_color_FFFFFF_t_70 4][]

>  注意：如果提示“您已开启邮箱登录保护”，解决方法：下载QQ安全中心手机客户端，在客户端里关闭邮箱登录锁即可

我的授权码：**higtyiixbwbcdcfh  （自己的授权码和自己的邮箱要对应）**

# **发送邮箱demo** #

node中下载发送邮件的包：

cnpm i -S nodemailer

# 项目实战 #

## 注册用户时，使用邮箱激活用户 ##

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMzIzMjU2_size_16_color_FFFFFF_t_70 5][]![20210701100119239.png][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMzIzMjU2_size_16_color_FFFFFF_t_70 6][]

![20210701100145955.png][]

服务端：

//发送校验邮箱
    async function sendRegisterEmail({ user_id, verify_key, email }) {
      const transporter = nodemailer.createTransport({
        host: 'smtp.qq.com', //QQ邮箱的服务器
        port: 465, //SMTP地址，从邮件服务提供商获取
        secure: true, //465端口为true，其他接口为false
        auth: {
          user: '2906718132@qq.com', // 自己的邮箱
          pass: 'higtyiixbwbcdcfh', // 邮箱授权码，从邮件服务提供商获取
        },
      });
      let url = `http://localhost:8080/verifyEmail?_id=${user_id}&verify_key=${verify_key}`
    
      let mailOptions = {
        from: {
          name: "李疆",
          address: "2906718132@qq.com"
        }, // 这里写上你自己的邮箱
    
        to: email, // 这里写上要发送到的邮箱，支持qq邮箱和163邮箱。支持自己给自己发邮件
    
        subject: '激活账户邮件', //邮件的标题
        text: '这是一封来自 Node.js 的邮件',//发送的文本
        html: `<p>欢迎您,${email}</p>
          <p>您的账户需要激活才能使用，请在24小时内点击下面的链接立即激活账户：</p>
         <a href="${url}">${url}</a>
         <p>如果此邮件不是由您触发的，那么请忽略它</p>
         <p>温馨提示：qq邮箱有时会因为安全策略而禁止访问链接导致激活不成功，此时可使用其他邮箱注册，推荐使用163邮箱。</p>
          `
      };
    
      try {
        let result = await transporter.sendMail(mailOptions);
        if (result) {
          return result
        }
      } catch (error) {
        return console.log(error);
      }
    }
    
    //点击链接验证邮箱
    router.post('/verifyEmail', async (ctx, next) => {
    
      let { _id, verify_key: verifyKey } = ctx.request.body;
      let { verify_key, date, expirationTime } = await User.findById(_id)
      //过期
      if (moment(Date.now()).diff(moment(date), 'days') > expirationTime) {
        ctx.body = {
          code: 404,
          message: "验证邮箱已过期，请重新注册"
        }
        //删除记录
        await User.deleteOne({ _id })
        return false
      }
    
    
      if (verify_key == verifyKey) {
        await User.updateOne({ _id }, { status: true })
        ctx.body = {
          code: 200,
          message: "邮箱验证成功，用户已激活"
        }
      }
    })

客户端：verifyEmail/index.vue

<template>
      <div style="margin: 50px">
        <h2 v-if="isEmailVerifySuccess" style="color: green">
          邮箱验证成功,用户已激活
        </h2>
        <h2 v-else style="color: red">验证邮箱时间已过期，请重新注册</h2>
      </div>
    </template>
    
    <script>
    import { verifyEmail } from "@/api/system/users.js";
    
    export default {
      name: "",
      components: {},
      data() {
        return {
          isEmailVerifySuccess: true,
        };
      },
      props: {},
      created() {
        this.verifyEmail();
      },
      mounted() {},
      computed: {},
      methods: {
        async verifyEmail() {
          try {
            let { _id, verify_key } = this.$route.query;
            await verifyEmail({ _id, verify_key });
            this.isEmailVerifySuccess = true;
          } catch (error) {
            this.isEmailVerifySuccess = false;
          }
        },
      },
      watch: {},
    };
    </script>
    
    <style lang="scss" scoped>
    </style>

表单验证邮箱格式是否正确：

## 忘记密码时，使用邮箱重置密码 ##

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMzIzMjU2_size_16_color_FFFFFF_t_70 7][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMzIzMjU2_size_16_color_FFFFFF_t_70 8][]

![2021070109585667.png][]![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMzIzMjU2_size_16_color_FFFFFF_t_70 9][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMzIzMjU2_size_16_color_FFFFFF_t_70 10][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMzIzMjU2_size_16_color_FFFFFF_t_70 11][]

服务端：

//发送邮箱验证码
    router.post('/sendEmailCode', async (ctx, next) => {
    
      let { username, email } = ctx.request.body;
      const transporter = nodemailer.createTransport({
        host: 'smtp.qq.com', //QQ邮箱的服务器
        port: 465, //SMTP地址，从邮件服务提供商获取
        secure: true, //465端口为true，其他接口为false
        auth: {
          user: '2906718132@qq.com', // 自己的邮箱
          pass: 'higtyiixbwbcdcfh', // 邮箱授权码，从邮件服务提供商获取
        },
      });
      let emailCode = createCode()//随机生成验证码
    
      let mailOptions = {
        from: {
          name: "李疆",
          address: "2906718132@qq.com"
        }, // 这里写上你自己的邮箱
    
        to: email, // 这里写上要发送到的邮箱，支持qq邮箱和163邮箱。支持自己给自己发邮件
    
        subject: '重置密码', //邮件的标题
        text: '这是一封来自 Node.js 的邮件',//发送的文本
        html: `<p>欢迎您,${email}</p>
          <p>您的验证码为：${emailCode}</p>
         <p>如果此邮件不是由您触发的，那么请忽略它</p>
          `
      };
      try {
        let user = await User.findOne({ username })
        if (!user) {
          ctx.body = {
            code: 404,
            message: "用户不存在",
          }
          return false
        }
        if (user.username !== username || user.email !== email) {
          ctx.body = {
            code: 404,
            message: "用户验证失败",
          }
          return false
        }
    
        if (!user.status) {
          ctx.body = {
            code: 404,
            message: "用户状态不可用，请联系管理员",
          }
          return false
        }
        await User.updateOne({ email }, { emailCode })//更新数据库中邮箱验证码
        await transporter.sendMail(mailOptions);//发送邮件
        ctx.body = {
          code: 200,
          message: "邮箱发送成功"
        }
    
      } catch (error) {
        ctx.body = {
          code: 404,
          message: "邮箱发送出错"
        }
      }
    })
    
    
    //根据邮箱获取邮箱验证码(忘记密码时使用)
    router.post('/getEmailCode', async (ctx, next) => {
      let { email } = ctx.request.body
      let { emailCode } = await User.findOne({ email })
      if (!emailCode) {
        ctx.body = {
          code: 200,
          message: "邮箱不存在"
        }
        return false
      }
      ctx.body = {
        code: 200,
        message: "邮箱验证码发送成功",
        data: emailCode
      }
    
    })
    //根据邮箱查找用户并重置密码(忘记密码时使用)
    router.post('/resetPassword', async (ctx, next) => {
      try {
        let { email, password } = ctx.request.body
        await User.findOneAndUpdate({ email }, { password: md5(password) })
    
        ctx.body = {
          code: 200,
          message: "密码更新成功"
        }
      } catch (error) {
        ctx.body = {
          code: 404,
          message: "密码更新失败",
        }
      }
    })

客户端：retrievePassword/index.vue:

<template>
      <div class="retrievePassword">
        <div class="content">
          <h1 class="title">重置密码</h1>
          <el-card
            class="box-card"
            style="background: rgba(255, 255, 255, 0.8)"
            shadow="hover"
          >
            <el-steps :active="activeStep" finish-status="success">
              <el-step title="邮箱验证"> </el-step>
              <el-step title="密码重置"> </el-step>
              <el-step title="重置完成"> </el-step>
            </el-steps>
            <div style="margin-top: 30px">
              <el-form
                :model="form_validateEmail"
                ref="ref_form_validateEmail"
                :rules="rules"
              >
                <div v-if="activeStep == 1">
                  <el-form-item prop="username">
                    <el-input
                      v-model="form_validateEmail.username"
                      autocomplete="off"
                      placeholder="请输入用户名"
                      prefix-icon="el-icon-user-solid"
                      size="medium"
                      clearable
                    ></el-input>
                  </el-form-item>
                  <el-form-item prop="email">
                    <el-input
                      v-model="form_validateEmail.email"
                      autocomplete="off"
                      placeholder="请输入您已注册的邮箱"
                      prefix-icon="el-icon-s-promotion"
                      size="medium"
                      clearable
                    ></el-input>
                  </el-form-item>
                  <el-form-item prop="emailCode">
                    <el-input
                      v-model="form_validateEmail.emailCode"
                      autocomplete="off"
                      placeholder="邮箱验证码"
                      prefix-icon="el-icon-key"
                      size="medium"
                      clearable
                    >
                      <el-button slot="append">
                        <span v-if="isCodeShow" @click="sendEmailCode()"
                          >获取验证码</span
                        >
                        <span v-else>{
       { count }} 秒后重新获取</span>
                      </el-button></el-input
                    >
                  </el-form-item>
                  <el-form-item>
                    <el-button plain @click="$router.push({ path: '/login' })"
                      >返回登录</el-button
                    >
                    <el-button plain @click="validateEmail()">下一步</el-button>
                  </el-form-item>
                </div>
                <div v-if="activeStep == 2">
                  <el-form-item prop="password">
                    <el-input
                      v-model="form_validateEmail.password"
                      placeholder="请输入密码"
                      type="password"
                      prefix-icon="el-icon-lock"
                      size="medium"
                      clearable
                    ></el-input>
                  </el-form-item>
                  <el-form-item prop="cheackPassword">
                    <el-input
                      v-model="form_validateEmail.cheackPassword"
                      placeholder="再次输入密码"
                      type="password"
                      prefix-icon="el-icon-lock"
                      size="medium"
                      clearable
                    ></el-input>
                  </el-form-item>
                  <el-button
                    type="primary"
                    @click="resetPassword()"
                    size="medium"
                    style="width: 100%"
                    >确定</el-button
                  >
                </div>
                <div v-if="activeStep == 3" style="text-align: center">
                  <h2 style="margin-bottom: 20px; color: green">
                    密码重置成功，请重新登录！
                  </h2>
                  <el-button @click="$router.push({ path: '/login' })" size="medium"
                    >重新登录</el-button
                  >
                </div>
              </el-form>
            </div>
          </el-card>
        </div>
      </div>
    </template>
    
    <script>
    import {
      sendEmailCode,
      getEmailCode,
      resetPassword,
    } from "@/api/system/users.js";
    
    export default {
      name: "",
      components: {},
      data() {
        let validatePassword = (rule, value, callback) => {
          if (!value) {
            callback(new Error("请再次输入密码"));
          } else if (value !== this.form_validateEmail.password) {
            callback(new Error("两次输入密码不一致!"));
          } else {
            callback();
          }
        };
        let validateEmail = async (rule, value, callback) => {
          if (!value) {
            callback(new Error("邮箱不能为空"));
          }
          // 验证邮箱的正则表达式
          const regEmail = /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(\.[a-zA-Z0-9_-])+/;
          if (!regEmail.test(value)) {
            // 合法的邮箱
            callback(new Error("请输入正确的邮箱格式"));
          } else {
            callback();
          }
        };
        return {
          activeStep: 1,
          isCodeShow: true,
          count: 0,
          timer: {}, //用null时，判断是否为空可用if(this.timer)；用{}时，判断是否为空则用：Object.keys(this.timer).length==0
    
          //邮箱验证表单
          form_validateEmail: {
            username: "",
            email: "",
            emailCode: "",
            password: "",
            cheackPassword: "",
          },
          rules: {
            username: [
              { required: true, message: "用户名不能为空", trigger: "blur" },
            ],
            email: [{ required: true, validator: validateEmail, trigger: "blur" }], //记得要验证邮箱格式
    
            emailCode: [
              { required: true, message: "验证码不能为空", trigger: "blur" },
            ],
            password: [
              { required: true, message: "密码不能为空", trigger: "blur" },
            ],
            cheackPassword: [
              { required: true, validator: validatePassword, trigger: "blur" },
            ],
          },
        };
      },
      props: {},
      created() {},
      mounted() {},
      computed: {},
      methods: {
        //发送邮箱验证码
        async sendEmailCode() {
          if (!this.form_validateEmail.username || !this.form_validateEmail.email) {
            this.$message.warning("用户名或邮箱不能为空");
            return;
          }
    
          let TIME_COUNT = 60;
          if (Object.keys(this.timer).length == 0) {
            this.count = TIME_COUNT;
            this.isCodeShow = false;
            this.timer = setInterval(() => {
              if (this.count > 0 && this.count <= TIME_COUNT) {
                this.count--;
              } else {
                this.isCodeShow = true;
                clearInterval(this.timer);
                this.timer = {};
              }
            }, 1000);
          }
    
          await sendEmailCode({
            username: this.form_validateEmail.username,
            email: this.form_validateEmail.email,
          });
          this.$message.success("验证码已发送到您的邮箱，请注意查收");
        },
        //校验验证码是否正确
        async validateEmail() {
          if (
            !this.form_validateEmail.username ||
            !this.form_validateEmail.email ||
            !this.form_validateEmail.emailCode
          ) {
            this.$message.warning("用户名、邮箱或者验证码不能为空");
            return false;
          }
          let { data } = await getEmailCode({
            email: this.form_validateEmail.email,
          });
          //验证码正确
          if (data == this.form_validateEmail.emailCode) {
            this.activeStep = 2;
            this.$message.success("验证成功，请重置密码");
          } else {
            this.$message.error("邮箱或验证码不正确，请重新输入");
          }
        },
        //重置密码
        async resetPassword() {
          try {
            if (
              !this.form_validateEmail.password ||
              !this.form_validateEmail.cheackPassword
            ) {
              this.$message.warning("密码不能为空");
              return false;
            }
            await resetPassword({
              email: this.form_validateEmail.email,
              password: this.form_validateEmail.password,
            });
    
            this.$message.success("密码重置成功");
            this.activeStep = 3;
          } catch (error) {
            this.$message.success("密码重置失败");
          }
        },
      },
      watch: {},
    };
    </script>
    
    <style lang="scss" scoped>
    .retrievePassword {
      height: 100vh;
      background: url("https://yimiao-manage.oss-cn-chengdu.aliyuncs.com/forgetPassword.jpeg");
    
      .content {
        width: 700px;
        margin: 0 auto;
        padding-top: 130px;
        .title {
          color: white;
          letter-spacing: 2px;
          text-align: center;
          margin-bottom: 50px;
        }
      }
    }
    </style>

src/api/system/users.js:

import request from '@/utils/request'
    
    //判断邮箱是否已经存在
    export function isEmailExist(data) {
      return request({
        url: `/api/users/isEmailExist`,
        method: 'post',
        data
      })
    }
    //验证邮箱
    export function verifyEmail(data) {
      return request({
        url: `/api/users/verifyEmail`,
        method: 'post',
        data
      })
    }
    //发送邮箱验证码
    export function sendEmailCode(data) {
      return request({
        url: `/api/users/sendEmailCode`,
        method: 'post',
        data
      })
    }
    
    //根据邮箱获取邮箱验证码(忘记密码时使用)
    export function getEmailCode(data) {
      return request({
        url: `/api/users/getEmailCode`,
        method: 'post',
        data
      })
    }
    //根据邮箱查找用户并重置密码(忘记密码时使用)
    export function resetPassword(data) {
      return request({
        url: `/api/users/resetPassword`,
        method: 'post',
        data
      })
    }

utils/request.js:

import axios from 'axios'
    import store from '@/store'
    import { getToken } from '@/utils/auth'
    import { Message } from "element-ui"
    
    const service = axios.create({
      //开发环境：/api   生产环境：https://demo.it98k.cn
      // baseURL: process.env.VUE_APP_BASE_API, // url = base url + request url
      baseURL: '', // url = base url + request url
      timeout: 5000 // request timeout
    })
    
    service.interceptors.request.use(
      config => {
        if (store.getters.token) {
          config.headers['token'] = getToken()
        }
        return config
      },
      error => {
        console.log(error)
        return Promise.reject(error)
      }
    )
    
    service.interceptors.response.use(
      response => {
        const res = response.data
        if (res.code !== 200) {
          Message({
            message: res.message || 'Error',
            type: 'error',
            duration: 5 * 1000,
            showClose: true
          })
    
          if (res.code === 401) {
            this.$confirm('登录过期，请重新登录', {
              confirmButtonText: '重新登录',
              cancelButtonText: '取消',
              type: 'warning'
            }).then(async () => {
              await store.dispatch('user/resetToken')
              location.reload()
            })
          }
          return Promise.reject(new Error(res.message || 'Error'))
        } else {
          return res
        }
      },
      error => {
        console.log('err' + error)
        Message({
          message: error.message,
          type: 'error',
          duration: 5 * 1000
        })
        return Promise.reject(error)
      }
    )
    
    export default service

[https_blog.csdn.net_konghouy_article_details_84961500]: https://blog.csdn.net/konghouy/article/details/84961500
[https_jingyan.baidu.com_article_fedf0737af2b4035ac8977ea.html]: https://jingyan.baidu.com/article/fedf0737af2b4035ac8977ea.html
[https_mail.qq.com]: https://mail.qq.com/cgi-bin/frame_html?sid=fclTY5yMejrn814_&r=b433cfe4af4653dc4440f4ed3ec0bd5d
[20210701093114182.png]: /images/20210725/7ed4c064a5b241ad9c7be90555c5d3b9.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMzIzMjU2_size_16_color_FFFFFF_t_70]: /images/20210725/ee235aea39b94f60b2baa52f6565e589.png
[20210701093340249.png]: https://img-blog.csdnimg.cn/20210701093340249.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMzIzMjU2_size_16_color_FFFFFF_t_70 1]: /images/20210725/a3cab674c06447ebbf26b0f4421f22f1.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMzIzMjU2_size_16_color_FFFFFF_t_70 2]: /images/20210725/dde66b68252848c88aeee4a47ed9af7c.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMzIzMjU2_size_16_color_FFFFFF_t_70 3]: /images/20210725/105102c8c51e4fa18225d4e9b4511f8f.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMzIzMjU2_size_16_color_FFFFFF_t_70 4]: /images/20210725/2d5664391c0e4cf2b0e8f2126da10178.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMzIzMjU2_size_16_color_FFFFFF_t_70 5]: https://img-blog.csdnimg.cn/20210701100105601.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMzIzMjU2,size_16,color_FFFFFF,t_70
[20210701100119239.png]: /images/20210725/922a40a41bea4442b060ebca46b3d73e.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMzIzMjU2_size_16_color_FFFFFF_t_70 6]: /images/20210725/e5db1f7a336141739d0409fa11863616.png
[20210701100145955.png]: /images/20210725/a1f6aa1ad72f45e3b4f7b25dcb28bbdf.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMzIzMjU2_size_16_color_FFFFFF_t_70 7]: /images/20210725/f02de0e779384ff69f0a60e286781bdd.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMzIzMjU2_size_16_color_FFFFFF_t_70 8]: /images/20210725/262b9a13d80e4141bbd0ac32a5b17419.png
[2021070109585667.png]: https://img-blog.csdnimg.cn/2021070109585667.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMzIzMjU2_size_16_color_FFFFFF_t_70 9]: /images/20210725/5f8a8d4e84b84b9b967955b824ae1181.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMzIzMjU2_size_16_color_FFFFFF_t_70 10]: /images/20210725/ac33f45a0849481885cffca342e03f07.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMzIzMjU2_size_16_color_FFFFFF_t_70 11]: /images/20210725/d2a2aeece4e044dc9616fa4472d608d9.png