如何在 nuxt 插件上使用 publicRuntimeConfig

Question

我创建 vue socket io 插件@/plugins/socket-io.js

import Vue from 'vue'
import VueSocketIO from 'vue-socket.io'

Vue.use(
  new VueSocketIO({
    debug: true,
    connection: process.env.SOCKET_IO_CONNECTION,
  })
)

如何改变它以使用 publicRuntimeConfig

我的 nuxt.config.js

publicRuntimeConfig: {
    peerServerHost: process.env.PEER_SERVER_HOST,
    peerServerPort: process.env.PEER_SERVER_PORT,
    peerServerPath: process.env.PEER_SERVER_PATH,
  },
  privateRuntimeConfig: {
    signalServerKey: process.env.SIGNAL_SERVER_KEY,
    signalServerCert: process.env.SIGNAL_SERVER_CERT,
    socketIOConnection: process.env.SOCKET_IO_CONNECTION,
  },

Answer 1

我找到了路，

将 socketIOConnection 移动到 publicRuntimeConfig

然后在@/plugins/socket-io.js 中

import Vue from 'vue'
import VueSocketIO from 'vue-socket.io'

export default function ({ $config }) {
  Vue.use(
    new VueSocketIO({
      debug: true,
      connection: $config.socketIOConnection,
    })
  )
}