首页 > 其他分享 >微信公众号授权回调 vue网址中带#号的处理

微信公众号授权回调 vue网址中带#号的处理

时间:2023-08-07 17:24:10浏览次数:164  
标签:vue 中带 微信 nginx href location virtually

1、改变vue模式为history,小编没有试

2、通过配置nginx实现

      A、替换跳转网址中的#为其他字符串,例如我的

       

        const url = this._getUrl(
            "https://open.weixin.qq.com/connect/oauth2/authorize", {
                appid: this.appId,
                redirect_uri: encodeURIComponent(
                    location.href.replace("#", "virtually")
                ),
                response_type: "code",
                scope: this.scope,
                state: this.state,
            }
        );
        location.href = `${url}#wechat_redirect`;
        console.log("完整的Url");
        console.log(location.href);

   我替换成了virtually,这样返回的时候就是正常的返回了。

2、在nginx中配置跳转

      

location / {
    rewrite ^/virtually/(.*)$ /#$1 permanent;
}

   重启下nginx,搞定。调试只能用微信开发者工具调试了

标签:vue,中带,微信,nginx,href,location,virtually
From: https://www.cnblogs.com/wx18638101223/p/17611937.html

相关文章

  • 微信开发之自动同意好友的技术实现
    简要描述:同意添加好友请求URL:http://域名地址/acceptUser请求方式:POST请求头Headers:Content-Type:application/jsonAuthorization:login接口返回参数:参数名必选类型说明wId是string登录实例标识v1是stringv1(从消息回调中取)v2是stringv2(从消......
  • vue通过style切换背景图片,出现闪屏现象
    1.情况:通过监控swiper的index修改背景图片,出现闪屏情况 2.解决:尝试过多种方法例如v-clock,提前定义路径变量等都无法解决问题,最终使用提前定义好类名,通过修改类名动态更改类解决,在浏览器网络中可发现只请求过一次,不再是滑动时每次重新请求图片,因此不会出现闪屏现象 ......
  • vue图片压缩插件
    图片压缩插件1.安装插件npmijs-image-compressor2.引入importImageCompressorfrom'js-image-compressor'3.使用compressionImage(file){returnnewPromise((resolve,reject)=>{//eslint-disable-next-lineno-newnewImageCom......
  • node14 升级 node16 后 vue2 项目中 sass 报错问题
    起因不知道因为个什么手贱把之前的node14版本卸载了去官网重新下载安装了一下node,最近版本升级到了node16,以为应该不会有什么问题吧,结果把项目一跑,我勒个去,一堆飘红的,看控制台提示主要是这个node-sass报的错。  #卸载npmuninstallnode-sasssass-loader#重新安......
  • vue可拖拽悬浮按钮组件
    效果预览预览地址:http://120.79.163.94/JYeontuComponents/#/JHoverBtnView关键代码实现阻止默认拖动选择事件preventEvent(){ document.getElementById('j-hover-btn').ondragstart=function(){ returnfalse; }; document.getElementById('j-hover-btn').onselectstart......
  • 微信小程序9 关于解密,前端解密
    我们之前在学习button时,可以通过调用getphonenumber获取手机号,但是获取后却发现是加密了的,那么如何解密呢,微信官方提供了相应的方法。 1.首先我们可以去下载官方提供的解密的js放在本地,推荐放到这个utils文件下。关键是这个RdWXBizDataCrypt.js文件,可以通过这个名字去百度。......
  • 微信小程序反编译
    微信小程序反编译工具准备1.模拟器(夜神,逍遥等都可以)2.模拟器里的微信3.模拟器里的RE管理工具,这个可以现在物理机里下载了apk文件,然后拖到模拟器里4.安装nodejs环境https://www.swvq.com/link/to?link=https://nodejs.org/en/5.反编译工具链接:https://pan.baidu.com/s......
  • vue报错 Multiple assets emit different content to the same filename index.html
    vue-cli版本:@vue/[email protected]报错现象:想把css和script全部内嵌到html文件中,就用了"HtmlInlineScriptPlugin"插件,打包后js代码被嵌到了head里,导致代码提前执行找不到#app,再配置HtmlWebpackPlugin插件通过inject:"body"指定代码内嵌到body,打包报错"Multipleassetsemitdiff......
  • Vue的升级与降级命令
    vue2.0–>3.0npmuninstallvue-cli-g(全局卸载vue2.0)npminstall@vue/cli-g(全局安装vue3.0)npminstall@vue/cli-init-g(如果还想使用vue2.0可以安装这个桥接工具)vueinitwebpack(2.0创建项目)vuecreatedemo(项目名称)(3.0创建项目)vue3.0->2.0npmuninstal......
  • vue中axios多次相同请求取消上一个请求
    apiimportaxiosfrom'axios';exportfunctiongetDataFlowGraph(id,that){returnrequest({requestBase,url:`/workflowMetadata/getDataFlowGraph/${id}`,method:'get',//设置canceltoken用于多次请求,中断上一次请求cancel......