[Q] Integrate with vue-cli-service

[lajosbencz]

How would one go about running your router along with a self-served Vue application?

The standard way to extend Vue's devServer:

// vue.config.js
module.exports = {
  devServer: {
    port: 3000,
    before(app, server, compiler) {
      // stuff...
    },
  },
};

If i create FoxRouter like so:

const FoxRouter = require('fox-wamp');
// ...
before(app, server) {
  const router = new FoxRouter();
  router.listenWAMP({server, path: '/ws/'});
}

the process dies, beause it cannot find the method on on the server instance.

If i create the router like so:

const FoxRouter = require('fox-wamp');
// ...
before(app, server) {
  const router = new FoxRouter();
  router.listenWAMP({server: app, path: '/ws/'});
}

then the default index page gets served if i navigate to /ws/.

Could You please advise?

[kalmyk]

Hello Lajos!

Thank you for interest to the project!

I am not sure that I have clear understanding of the problem you described.
As I see "devServer" is part of WebPack build system. If I understand correctly
the module helps reload browser page automatically afterwards of backend code change.

I am not sure what is type of passed to before method variables but FoxWamp expects
httpServer type in server attribute. See Express web server integration example below

https://github.com/kalmyk/fox-wamp#template-to-share-http-port-with-express

[kalmyk]

I am closing the issue if httpServer meets your expectations.