How is the request sent to the ssr application?

Question

JavaScript

Hello.
How does sending a request to get data in vuejs (ssr) + node express server work?
I am building an ssr application, indexing is very important and that the data is received before the page is displayed. To work, I took the nuxtjs.org framework and the node express server.
Application structure:
api.site.ru - api without authorization
site.ru - application + express server
On the main site.ru, requests to api.site.ru immediately go:

<template>
...
</template>

<script>
    import axios from 'axios'

    export default {
        async asyncData({ params }) {
            console.log('server ajax')
            let { data } = await axios.get('http://api.site.ru/companies')

            return { companies: data }
        }
    }
</script>

I run npm run dev. When opening site.ru, no ajax goes. The node express request was sent by the server. Everything works great.
Then I create the second page site.ru/new (new.vue) the same code with an ajax request. And when switching between pages, the browser sends the usual ajax, but if you immediately drive in site.ru/new, then there is no request?

Answer 1

So everything is correct, if you load a tab, then this request will be executed on the server, and on the client it will already follow the links without reloading. In nuxt-link, the "a" tag is inside. asyncData is called on the server to receive data, and on the client when the SPA application is switched.