Я использую webpush и столкнулся с проблемой.Я могу заставить его нормально работать с сервером и базой данных на Chrome.Но когда я пытаюсь зарегистрироваться / подписаться из моего браузера Safari, это выдает мне эту ошибку:
TypeError: undefined is not an object (evaluating 'n.pushManager.subscribe')
(anonym funktion) — Header.vue:99
r — runtime.js:62
(anonym funktion) — runtime.js:296
r — asyncToGenerator.js:17
(anonym funktion) — asyncToGenerator.js:28
promiseReactionJob
Вот мой код для регистрации программного обеспечения в Chrome.
notification () {
var storeId = this.$session.get('user').accessId
const publicVapidKey = 'PublicVAPID'
if ('serviceWorker' in navigator) {
send().catch(err => console.error(err))
}
async function send () {
var register = await navigator.serviceWorker.register('/service-worker.js', {
scope: '/'
})
const subscription = await register.pushManager.subscribe({
userVisibleOnly: true,
applicationServerKey: urlBase64ToUint8Array(publicVapidKey)
})
await axios({
method: 'post',
url: 'API',
data: {
subscription: JSON.stringify(subscription),
storeId: storeId
},
headers: {
'Content-Type': 'application/json'
}
}).then(response => {
console.log(response)
})
alert('you are now getting notifications')
}
function urlBase64ToUint8Array (base64String) {
console.log(base64String)
const padding = '='.repeat((4 - base64String.length % 4) % 4)
const base64 = (base64String + padding).replace(/-/g, '+').replace(/_/g, '/')
const rawData = window.atob(base64)
const outputArray = new Uint8Array(rawData.length)
for (let i = 0; i < rawData.length; ++i) {
outputArray[i] = rawData.charCodeAt(i)
}
return outputArray
}
},