javascript - 如何在 nuxt 中使用全局 javascript？ ( fb sdk 在 mounted () 中使用)

Question

我将项目创建为 nuxt/koa。而且，这是我的代码。

login.vue

...
<script>
mounted () {
    let vm = this
    window.fbAsyncInit = () => {
      FB.init({
        appId: 'my-app-id',
        cookie: true,
        xfbml: true,
        version: 'v2.8'
      })
      FB.getLoginStatus(function (response) {
        vm.statusChangeCallback(response)
      })
    }

    (function(d, s, id){
      var js, fjs = d.getElementsByTagName(s)[0];
      if (d.getElementById(id)) {return;}
      js = d.createElement(s); js.id = id;
      js.src = "//connect.facebook.net/en_US/sdk.js";
      fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));
  }
...
</script>

我们在.vue中mounted()中使用fb sdk初始化代码。但是，我想使用全局文件。有什么办法吗？

请回答。谢谢。

Answer 1

在~/plugins添加fb sdk初始化代码并设置nuxt.config.js

像这样:

module.exports = {
  ...
  plugins: [
    { src: '~plugins/fb-sdk.js', ssr: false }
  ],
  build: { ... }
}