<script src="http://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>

npm install weixin-js-sdk

import wx from "weixin-js-sdk"
import {
	createSSRApp
} from 'vue'
export function createApp() {
	const app = createSSRApp(App)
	app.config.globalProperties.$wx=wx;
	return {
		app
	}
}

var wxNavigation = (data) => {
	return new Promise((resolve, reject) => {
		wx.config({
			debug: false, // 開啟調(diào)試模式,調(diào)用的所有api的返回值會(huì)在客戶端alert出來，若要查看傳入的參數(shù)，可以在pc端打開，參數(shù)信息會(huì)通過log打出，僅在pc端時(shí)才會(huì)打印。
			appId: data.appId, // 必填，公眾號的唯一標(biāo)識(shí)
			timestamp: data.timestamp, // 必填，生成簽名的時(shí)間戳
			nonceStr: data.nonceStr, // 必填，生成簽名的隨機(jī)串
			signature: data.signature, // 必填，簽名
			jsApiList: ["getLocation"],// 必填，需要使用的JS接口列表
		});
		wx.ready(() => {
			wx.getLocation({
				type: "gcj02", // 默認(rèn)為wgs84的gps坐標(biāo)，如果要返回直接給openLocation用的火星坐標(biāo)，可傳入'gcj02'
				success: function(res) {
					resolve({
						bor: true,
						data: res,
					});
				},
			});
		});
	});
};

確認(rèn) config 正確通過。
如果是在頁面加載好時(shí)就調(diào)用了JSAPI，則必須寫在wx.ready的回調(diào)中。
確認(rèn) config 的jsApiList參數(shù)包含了這個(gè)JSAPI。

ios使用微信自帶方法wx.getLocation調(diào)取用戶地理位置，會(huì)直接走err,輸出報(bào)錯(cuò)是“‘getLocation:invalid signature’”

但是安卓機(jī)就沒這個(gè)問題。

我看有人說
調(diào)接口獲取wx.config配置所需參數(shù)的入?yún)ⅲ撁媛窂剑?ios沒有獲取到最新的
于是我在app.vue里進(jìn)入頁面時(shí)，將當(dāng)前的路徑緩存起來，在自己掉位置的頁面里使用。
但是解決不了我的問題

后來我看到了網(wǎng)上說ios刷新就能成功，我就測試了一下 ，果然是可以調(diào)用成功了！！！
然后也百度了好多，說是這個(gè)是ios本身就有這個(gè)問題。

最后在wx.ready里加了一個(gè)刷新一次頁面的方法，就沒問題了

　　wx.config({
				debug: false,
				appId: data.appId,
				timestamp: data.timestamp,
				nonceStr: data.nonceStr,
				signature: data.signature,
				jsApiList: ["getLocation", "openLocation"],
			});
			wx.ready(() => {
				wx.getLocation({
					type: type, // 默認(rèn)為wgs84的gps坐標(biāo)，如果要返回直接給openLocation用的火星坐標(biāo)，可傳入'gcj02'
					success: function(res) {
						
					},
					fail: function(err) {
						const u = navigator.userAgent;
						const iOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);
						if (iOS) {
							window.location.reload();
						}
						console.log('返回默認(rèn)地址')
						
					},
				});
			});

在調(diào)用了wxopenlocation時(shí)，調(diào)試返回結(jié)果正常，但是就是打不開地圖，一般是經(jīng)緯度沒有使用浮點(diǎn)類型，如果使用了后還出現(xiàn)這個(gè)問題，就需要我們在調(diào)用時(shí)用延時(shí)調(diào)用，來防止我們的代碼在內(nèi)存運(yùn)行的時(shí)候反應(yīng)不過來

var wxOpenLocation = (data, locationObj) => {
	wx.config({
		debug: false, // 開啟調(diào)試模式,調(diào)用的所有api的返回值會(huì)在客戶端alert出來，若要查看傳入的參數(shù)，可以在pc端打開，參數(shù)信息會(huì)通過log打出，僅在pc端時(shí)才會(huì)打印。
		appId: data.appId, // 必填，公眾號的唯一標(biāo)識(shí)
		timestamp: data.timestamp, // 必填，生成簽名的時(shí)間戳
		nonceStr: data.nonceStr, // 必填，生成簽名的隨機(jī)串
		signature: data.signature, // 必填，簽名
		jsApiList: ['openLocation'], // 必填，需要使用的JS接口列表
	});
	wx.ready(() => {
		setTimeout(() => {
			wx.openLocation(locationObj);
		}, 500)
	});
};

在我們需要讓全局的所有頁面禁止微信復(fù)制，分享朋友圈等功能時(shí)，莫名奇妙刷新后就又可以分享了，這里提供我的解決方案，在main.js或所有頁面的初始化文件中調(diào)用以下代碼，直接去除微信分享類目的所有功能

const hideShare = (data)=>{
	return new Promise((resolve, reject) => {
		wx.config({
			// debug: true,
			appId: data.appId,
			timestamp: data.timestamp,
			nonceStr: data.nonceStr,
			signature: data.signature,
			jsApiList: ['hideOptionMenu','hideAllNonBaseMenuItem','hideMenuItems'],
		});
		wx.ready(() => {
			wx.hideOptionMenu();
			wx.hideAllNonBaseMenuItem();
			wx.hideMenuItems({// 要隱藏的菜單項(xiàng)，只能隱藏“傳播類”和“保護(hù)類”按鈕，所有menu項(xiàng)見附錄3
				menuList: [
					'menuItem:share:appMessage', //發(fā)送給朋友
					'menuItem:share:timeline', //分享到朋友圈
					'menuItem:copyUrl' //復(fù)制鏈接
				]
			})
		});
	});
}