公众号开发 vue项目 微信授权一直不通过

Posted 2023-03-27

参考技术A 微信公众号开发，需要通过微信授权，但是使用vue 开发到项目，默认域名一般是http://localhost:8080/.... 因为域名的原因 微信就无法通过授权了

解决方案： 

1.在 vue.config.js   文件中添加 代理配置项

将 host：‘localhost’改成自己的域名就行了

2.在 hosts 文件中 增加 127.0.0.1 自己的域名

windows：c:/windows/System32/drivers/etc --> hosts

mac：访达/前往文件夹/private/etc --> hosts

mac修改 hosts 文件的详见： https://www.jianshu.com/p/75b50568e3d4

微信公众号开发之vue整理

参考技术A

从前端开发角度上来说,没有什么差别.不一样的有:1)需要网页授权登录,2)使用微信的一些方法(拍照 扫描等)需要引入wx-js sdk.

jsSdk引入步骤分为3部（此处以vue项目中为例）：

1、需要在vue项目中安装weixin-js-sdk
2、在页面中需要用到wx的一些方法中引入js-sdk,引入方法：import wx from \'weixin-js-sdk\';
3、开始正在的使用wx的js-sdk

       由于使用微信js需要进行授权配置，所以需要使用ajax请求从服务端获取微信jssdk的授权参数

借用别人写的方法：

需要进行网页授权

1、在使用js-sdk时，需要在微信公众号平台配置相应的域名
2、在jssdk的授权参数获取成功之前调用了js-sdk方法
3、需要在wx.config中的jsApiList配置需要使用的js-sdk方法
4、分享功能需要注意：