vue+spring boot项目实现腾讯云短信登录功能

一、在正式编码之前，需要先在腾讯云设置一下短信签名的模板，选择签名类型时，如果是企业选择企业，如果是个人需要选择公众号，如果没有公众号需要申请一个，腾讯云设置签名模板的教程可以参考：https://blog.csdn.net/weixin_45001200/article/details/118878336？spm=1001.2014.3001.5501

二：前端代码实现，效果图如下，账号密码登录和手机号验证码登录调用了element-ui中的Tabs标签页。

<template>
 <el-form :model="loginForm" :rules="fieldRules" ref="loginForm"  label-position="left" label-width="0px" class="demo-ruleForm login-container">
    <el-tab-pane label="手机号验证码登录" name="second"  ><!--新增-->
    <el-form-item prop="phone">
    <el-input v-model="loginForm.phone" placeholder="手机号"></el-input>
    </el-form-item>
    <el-form-item label="" prop="code" class="pr">
    <el-input prop="code" v-model="loginForm.code" placeholder="6位验证码"></el-input>
      <button @click="getPhoneCode()" class="code-btn" :disabled="!show">
      <span v-show="show">发送验证码</span>
      <span v-show="!show