如何在nuxt插件上使用publicRuntimeConfig

Question

我创建了vue套接字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,
    })
  )
}