如何為Nuxt.js創建插件？

Question

這是我的rpc.js插件文件：

const { createBitcoinRpc } = require('@carnesen/bitcoin-rpc')

const protocol = 'http'
const rpcuser = 'root'
const rpcpassword = 'toor'
const host = '127.0.0.1'
const port = '43782'
const rpcHref = `${protocol}://${rpcuser}:${rpcpassword}@${host}:${port}/`
const bitcoinRpc = createBitcoinRpc(rpcHref)

export default ({ app }, inject) => {
  inject('bitcoinRpc', (method) =>
    bitcoinRpc(method).then((result) => console.log('That was easy!', result))
  )
}

這是我的nuxt.config.js文件：

...
plugins: [{ src: '@/plugins/gun.js' }, { src: '@/plugins/rpc.js' }],
...

如果我在組件方法中的某個地方調用this.$bitcoinRpc('getnewaddress') ，則會收到錯誤消息，但是如果我在rpc插件本身中調用此方法，則一切都會按預期進行：

// plugins/rpc.js:
// Declare constants and inject above
...
bitcoinRpc('getnewaddress').then((result) =>
  console.log('That was easy!', result)
)

我在終端中得到了預期的結果：

That was easy! 2N8LyZKaZn5womvLKZG2b5wGfXw8URSMptq 14:11:21

解釋我做錯了什么？

Answer 1

我概述的方法是正確的。

發生的錯誤是由於在客戶端無法使用服務器端庫這一事實引起的。