Quick SSR test drive (thx, https://ssr.vuejs.org/)

vue-ssr.js

//    "isomorphic-fetch": "^2.2.1",
//    "vue": "^2.6.10",
//    "vue-server-renderer": "^2.6.10"

require('isomorphic-fetch');

// Step 1: Create a Vue instance
const Vue = require('vue')
Vue.component('my-component', {
    template: `<div>Hello World {{msg}}</div>`,
    data() {
        return {msg: null}
    },
    mounted() {
        return fetch('http://localhost:8080/data.json')
            .then(res => res.json())
            .then(res => this.msg = res.msg)
    },
    serverPrefetch() { // !!!
        return fetch('http://localhost:8080/data.json')
            .then(res => res.json())
            .then(res => this.msg = res.msg)
    },
})
const app = new Vue({
  template: `<div id="app"><my-component/></div>`,
})

// Step 2: Create a renderer
const renderer = require('vue-server-renderer').createRenderer()

// Step 3: Render the Vue instance to HTML
// in 2.5.0+, returns a Promise if no callback is passed:
renderer.renderToString(app)
    .then(html => console.log(html))
    .catch(err => console.error(err));