NUXT.JS框架支持GEETEST技术实现自动化测试

前言

公司当前推进的新项目为PC端应用，本人长期使用VUE框架进行开发，经过慎重考虑后决定采用nuxt.js来实现该项目。由于该平台为PC端，可能会涉及到SEO优化问题，而nuxt.js正是为了解决Vue单页面应用在SEO方面的不足而设计的。尽管此前未曾接触过该框架，但通过查阅相关文档发现，其本质是对Vue的进一步封装。此外，项目中的注册页面在获取短信验证码之前需要完成机器验证环节，因此最终选择了geetest作为解决方案。

准备

首先需要在geetest平台完成注册操作，获取一个类似于百度地图所使用的密钥。随后，后端需开发一个接口用于返回验证所需的参数，这一过程与微信分享前的签名验证类似。前端方面，则需将gt.js文件下载并进行引用，本人是在nuxt.config.js中引入的，具体代码如下：
plugins: [{ src: '~plugins/gt', ssr: false } ],

使用

本项目的用户界面设计采用了vuetifyjs框架，而表单验证功能则依托于vuelidate实现，以下为具体调用位置的示例。

    <v-text-field v-model="vcode" :error-messages="vcodeErrors" placeholder="短信验证码" required @input="$v.vc