时间戳

首页 > 解决方案 > 如何在 Nuxt JS 中使用 WebPushr

vue.js - 如何在 Nuxt JS 中使用 WebPushr

问题描述

如何在 Nuxt JS PWA 中使用 WebPushr 发送推送通知。我已按照他们的在线文档https://docs.webpushr.com/manual-integration上的指南进行操作，但我似乎无法使其在 Nuxt JS 中工作。

// start webpushr code
    (function(w,d, s, id) {
      if(typeof(w.webpushr)!=='undefined')
        return;
      w.webpushr=w.webpushr||function(){
        (w.webpushr.q=w.webpushr.q||[]).push(arguments)
      };
      var js, fjs = d.getElementsByTagName(s)[0];
      js = d.createElement(s);
      js.id = id;js.src = "https://cdn.webpushr.com/app.min.js";
      fjs.parentNode.appendChild(js);
    }(window,document, 'script', 'webpushr-jssdk'));
    webpushr('setup',{
      'key':'my-webpushr-key'
    });
    // end webpushr code

我是否创建了一个插件以使其与提供的服务人员一起工作，或者我错过了什么？

标签： vue.jspush-notificationprogressive-web-appsnuxtjs

解决方案

推荐阅读