H5(uniapp)跳转至小程序页面

当前场景:需要在H5页面点击跳转至微信小程序页面

主要参考方法:1、获取接口调用凭据 | 微信开放文档

                         2、获取scheme码 | 微信开放文档

需要解决的主要问题:

在对微信文档中的API接口进行调用的时候,不可避免的会出现跨域的问题,那么就需要在uniapp项目中对跨域进行处理,主要更改manifest.json下的h5进行配置:

    "h5" : {

        .....

        "devServer": {
            "proxy": {//配置代理服务器来解决跨域问题,uniapp不适用CORS方案和设置JSONP方案
                "/api/": {//映射域名
                    "target": "https://api.weixin.qq.com",
                    "pathRewrite": {
                        "^/api": ""
                    }
                }
            }
        },
     ....
    }

这样跨域问题就解决了,在请求API时就不需要对请求头进行跨域处理了。

主要步骤:(简单示例)




你可能感兴趣的:(uniapp,uni-app,小程序,html5)