router.get('/buyer/vshop/info',function(req,res,next) {       

//2-调用接口获取数据

    async.parallel({ 
      verifycode :function(fn){      

//3-调用接口获取本机的IP地址

    var args= {
       userIp: tools.getClientIp(req)
     };

//4-调用接口verifyCodeHelper的createVcode方法获取captcha与 csnonce的数据，他们的值都是接口verifyCodeHelper返回的数据

        verifyCodeHelper.createVcode(args,function(err,result){
          if (err) {
            console.log(err);
          }
          else{
            fn(null,{
              captcha: result.data.queryUrl,csnonce: result.csnonce || 0
            })
          }
        });
      }
    },result){
      if (err) {
        res.end(err);
      }else{
        result.getDetail= res.shopInfo;
        var fxzStatus = res.fxzStatus || {};

//5-进行根目录下buyer/vshop/describe页面的渲染，传递相关参数到EJS页面

        res.render("buyer/vshop/describe",{  
          title: srcBizType==1 ? result.getDetail.name : "店铺简介",pageName:"vshopInfo",captcha:result.verifycode.captcha,//验证码
          isTencent: 1,csnonce:result.verifycode.csnonce
        });
      }
    });
  });</pre>

<script>
  APP.newLogin= {
    csnonce: '<%- csnonce %>',};
</script>

//2-获取路由传递的captcha

<script type="text/javascript" src="<%= captcha %>"&gt;</script>

//3-引入相关ＪＳ文件

<script>
  seajs.use("js_cmd/vshop/home-cmd");
</script>
<link href="/css/vshop/describe.css?v=<%= config.version %>" rel="stylesheet" />
<style id="dynamic"&gt;</style>
<div class="arrow_mask"&gt;</div>
<div class="arrow"&gt;
  <div>
    <img src="/imgs/vshop/verification-code-back.png" class="verification-code-back" />
  </div>
  <ul class="arrow-mess"&gt; <span class="sku-close" id="btn_sku_dialog_close"&gt; </span>
    <li>请输入下面的图形验证码</li>
    <li>
        <img id="J_BtnVerifyPicCodeTencent" src="" class="captcha" style="height:30px;margin:0 15px;" />
    </li>
    <li>
      <div class="btn_mes"&gt;
        <input class="btn_mes_text" type="text" maxlength="6"&gt;
      </div>
    </li>
  </ul>
  <div class="btn_mes2"&gt;
    <input type="button" class="license-submit" value="提交"&gt;
  </div>
</div>
<div data-role="container" class="body <%= pageName %>"&gt;
  <header data-role="header"&gt;
    <%- include ./widget_vshop %>
  </header>
  <section data-role="body" class="section-body"&gt;
    <div class="div-section div-section-info"&gt;
      <ul class="info1"&gt;
        <li class="gap"&gt;<div class="left"&gt;所在地</div><div class="right"&gt;<%- detail.address%></div></li>
        <li><div class="left"&gt;开店时间</div><div class="right"&gt;<%- detail.createTime%></div></li>
      </ul>
      <ul class="info2"&gt;
        <li class="gap"&gt;<div class="left"&gt;发货速度</div><div class="right"&gt;<%- detail.score.express%></div></li>
        <li class="gap"&gt;<div class="left"&gt;服务态度</div><div class="right"&gt;<%- detail.score.service%></div></li>
        <li><div class="left"&gt;描述相符</div><div class="right"&gt;<%- detail.score.describe%></div></li>
      </ul>
      <ul class="info3"&gt;
        <%if(detail.shopTypeIndex==1||detail.shopTypeIndex==2||detail.shopTypeIndex==3){var bg = '/imgs/vshop/tip.png',color='#39dda5' }else{var bg = '/imgs/vshop/tip3.png',color='#59aaff'}%>
        <li><div class="left anotherC"&gt;认证</div><div class="right textR"&gt;<span style="background: url(<%-bg%>) left 1px no-repeat;background-size: 14px 12px;"&gt;<i style="background: <%-color%>"&gt;<%- detail.shopType %></i></span></div></li>
      </ul>
      <ul class="info4"&gt;
        <li><a href="tel:<%- detail.phone%>" class="tel"&gt;服务电话</a></li>
        <li><a data-aid="<%- aid%>" class="webim"&gt;在线客服</a></li>
        <li class="business-license"&gt;
          <!--<a href="/buyer/vshop/license?aid=<%- aid%>"&gt;-->
          <a href="#"&gt;
            <span >营业执照</span>
            <label>查看<span></span></label>
          </a>

        </li>
      </ul>
    </div>
    <%- include ./footer %>
    <div id="vue_hooker"&gt;
      <child-nav></child-nav>
      <%- include ../../widget_navBtns %>
    </div> 
  </section>
</div></pre>

//2-Vue实例化
var vm = new Vue({
data: {},methods: {}
});

//3- 页面初始化函数

  function initPage() {
    vm.$mount('#vue_hooker');
    window.scroll(0,0);
  }

//4- 验证码相关处理函数
function license(){
$('.info4 .business-license').click(function (ev) { //弹层
$('.btn_mes_text').val("");
$('.arrow_mask').show();
$('.arrow').show();
$('#nav_omit').remove();
});
$('#btn_sku_dialog_close').click(function(ev){//弹窗
$('.arrow_mask').hide();
$('.arrow').hide();
$('.btn_mes_text').val("");
});

    $('.btn_mes_text').focus(function(){ //输入框获得焦点
      $('.btn_mes_text').val("");
      if($('.verification-code').length!=0){
        $('.verification-code').remove();
      }
    });
    $('.license-submit').click(function(){
      APP.verifyPicCode();
    });

  }

//5- 验证码初始化函数（） TSOCapObj是腾讯接口里面的方法

  function verify_initPage(){
    $('#J_BtnVerifyPicCodeTencent').on('click',function () {
      TSOCapObj.refresh();
    });

//6-初始化，参数传入显示验证码的元素imgid
TSOCapObj.init("J_BtnVerifyPicCodeTencent");
//刷新拉取验证码图片
TSOCapObj.refresh();

    APP.verifyPicCode= function(fn) {
      //<a href="https://www.jb51.cc/tag/huoqu/" target="_blank" class="keywords">获取</a><a href="https://www.jb51.cc/tag/yonghu/" target="_blank" class="keywords">用户</a>输入
      var ans = $(".btn_mes_text").val();
      //验证答案，验证完成后会回调第二个参数传入的<a href="https://www.jb51.cc/tag/hanshu/" target="_blank" class="keywords">函数</a>
      TSOCapObj.verify(ans,function(ret_json){
        if (ret_json.errorCode!=0) {
          $(".btn_mes_text").val("");
          TSOCapObj.refresh();
          //tip("图形验证码输入<a href="https://www.jb51.cc/tag/cuowu/" target="_blank" class="keywords">错误</a>！");
          if($('.verification-code').length==0){
            $('.btn_mes').eq(0).append(" <div class='verification-code'>请输入正确的验证码</div>");
          }
          $('.btn_mes_text').blur(function(){
            $('.btn_mes_text').text("");
          });
        } else {
          window.location="/buyer/vshop/license?aid=" + APP.aid;
          fn(ret_json.ticket);
        }
      });
    }
  }

//7- 页面初始化函数的执行
$(function () {
initPage();
license();
verify_initPage();
});

});</pre>