网页H5链接嵌入在uniapp 中 再从H5 跳转到app 中

最近 要做一个uniapp 开发的app 功能，但是因为是用uniapp 进行app 开发 没有图片验证的方法，所以 就让做一个嵌套的功能，把登录模块专门放在网页H5 中，然后登录之后，将token 传递到APP 上， 这样一个操作

<script type="text/javascript" src="https://unpkg.com/@dcloudio/uni-webview-js@0.0.3/index.js" ></script>

我们将这个 标签放在 index.html 中 进行引用

1. 创建一个登录页面

2.  

<van-button size="normal" @click="onSubmit">注册/登录</van-button

<script>

export default{

methods:{
 onSubmit() {
      if (this.checkForm()) {
        if (this.loadingForg) return;
        this.loadingForg = true;
        //接口请求
        getAction("", params)
          .then((res) => {
            if (res.data.code === 200) {
              let token = res.data.result.token;
              let userInfo = res.data.result.userInfo;

              从H5 跳转到app  
              window.uni.postMessage({
                data: {
                  action: "backLogin",
                  token: token,