[Vuejs]-Vue server side rendering and data population

by

0👍

I know this is an old question, but for future visitors:

The recommended way is to leverage webpack module aliases to load a server side api for the server and a client side api for the browser. You have to share the same call signature which allows the api to be “swapped”.
This of course greatly improves performance as the server side api can do direct db queries instead fetching data over http.

In essence your webpack.server.config.js should have:

resolve: {
    alias: {
      'create-api': './create-api-server.js'
    }
   }

In your webpack.client.config.js:

resolve: {
    alias: {
      'create-api': './create-api-client.js'
    }
  }

Importing create-api will now load the required api.

Have a look at https://github.com/vuejs/vue-hackernews-2.0 to see a full example.

👤user588950

Leave a comment