vue2中如何在public里面的index.html中接入微信公众号开发中的JSSDK？
可以直接在index.html script引用
// 如果有eslint，vue中直接打印会报 'wx' is not defined，可以用下面注释取消提示
// eslint-disable-next-line no-undef
console.log(wx)
// 或者
console.log(window.wx)
也可以安装npm包weixin-js-sdk使用
为啥在index.html中接入
不知道你这个问题是否已经解决, 如果还没有解决的话:我可以为您提供一个详细的步骤示例来在Vue.js2中使用JSSDK接入微信公众号。
步骤一: 引入微信JSSDK库文件 在你的Vue.js2项目中，你可以在index.html文件中的head标签中引入微信JSSDK的库文件。可以通过在head标签中添加以下代码来实现：
<head>
<script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
</head>
步骤二: 配置微信JSSDK 在Vue.js2项目中，你可以在Vue组件中设置微信JSSDK的配置参数。首先，在Vue组件的script标签中引入微信JSSDK库文件，然后在Vue的created生命周期钩子函数中进行配置。以下是一个示例代码：
首先，在Vue组件的script标签中引入微信JSSDK库文件：
<script>
import wx from 'jweixin-module'
export default {
name: 'YourComponent',
created() {
// 配置微信JSSDK
wx.config({
debug: true, // 是否开启调试模式
appId: 'YourAppId', // 公众号的appId（必填）
timestamp: '', // 生成签名的时间戳（必填）
nonceStr: '', // 生成签名的随机串（必填）
signature: '', // 签名（必填）
jsApiList: ['chooseWXPay', 'onMenuShareAppMessage'] // 需要使用的微信JSSDK功能列表
})
wx.ready(function () {
// 配置成功后执行的逻辑代码
// 这里可以调用各种微信JSSDK的接口
})
}
}
</script>
在上面的代码中，你需要替换掉YourAppId、timestamp、nonceStr和signature等参数，这些参数需要通过后台接口获取，用于生成签名。
步骤三: 调用微信JSSDK接口 在Vue组件的methods中，你可以调用微信JSSDK提供的各种接口。这些接口可以满足你对微信公众号的需求，例如分享、支付等功能。以下是一个分享到朋友圈的示例代码：
<script>
import wx from 'jweixin-module'
export default {
name: 'YourComponent',
methods: {
shareToTimeline() {
wx.onMenuShareTimeline({
title: '分享标题', // 分享标题
link: '分享链接', // 分享链接
imgUrl: '分享图标url', // 分享图标的url
success: function () {
// 用户确认分享后执行的回调函数
},
cancel: function () {
// 用户取消分享后执行的回调函数
}
})
}
}
}
</script>
在上面的代码中，你可以根据你的需求调用不同的微信JSSDK接口。
这就是在Vue.js2中接入微信公众号的JSSDK的步骤示例。你可以根据自己的具体需求来配置微信JSSDK和调用接口。请注意，在实际项目中，你需要根据自己的后台接口来获取正确的配置参数和签名。
希望以上内容对您有所帮助，如果您还有其他问题，请随时提问。