can't use synchronous ajax with ssr

[miyalee]

hey there, $ vue init vuetifyjs/webpack-ssr I run this to init a project, I have some code like this:

<span>{{ text || 'abc'}}</span>
......
data() {
    return {
        text: null
    }
},
mounted() {
    $.ajax({
         type: 'get',
         async: false,
         url: '/api/to/url/path',
         success: function(data) {
               if(data.code === 0) {
                    self.text = 'def'
               }
         }
    })
}

then I get a not match warn:

The client-side rendered virtual DOM tree is not matching server-rendered content. This is likely caused by incorrect HTML markup, for example nesting block-level elements inside

, or missing . Bailing hydration and performing full client-side render.

is it not support sync ？

( I think this is a problem of vue-ssr, but I can't found a correct repository )

[johnleider]

Going to need some additional information to address this. Vuetify definitely supports async components and ssr.

[johnleider]

Closing due to inactivity.