Vue.js 在推送通知PWA Vue中,图标不显示且振动不工作

Vue.js 在推送通知PWA Vue中,图标不显示且振动不工作,vue.js,push-notification,progressive-web-apps,Vue.js,Push Notification,Progressive Web Apps,我的推送通知运行良好,并在我的Vue PWA中显示标题和正文。然而,唯一的问题是图标没有出现,振动似乎不起作用。我阅读了文档,似乎我写的通知选项是正确的。所以我不知道是什么问题 firebase.initializeApp(configOptions); const messaging = firebase.messaging(); messaging.onMessage((payload)=>{ console.log("oNmessage success: "

我的推送通知运行良好,并在我的Vue PWA中显示标题和正文。然而,唯一的问题是图标没有出现,振动似乎不起作用。我阅读了文档,似乎我写的通知选项是正确的。所以我不知道是什么问题

firebase.initializeApp(configOptions);

const messaging = firebase.messaging();

messaging.onMessage((payload)=>{
  console.log("oNmessage success: " + payload);
});


messaging.setBackgroundMessageHandler(payload => {
  console.log("push note success")
  const notification = payload.data; 
  const notificationTitle = notification.title;
  const notificationOptions = {
    body: notification.body,
    icon: "./img/icons/avatar_192.png",
    vibrate: [500, 300, 500, 300, 500],
  };
  

  return self.registration.showNotification(notificationTitle, notificationOptions);
});