如何为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

我概述的方法是正确的。

发生的错误是由于在客户端无法使用服务器端库这一事实引起的。