How to disable error page in nuxt?

Question

JavaScript

In nuxtjs, layouts has an error.vue file. When opening a non-existent page, this file opens and the user sees a beautiful error page.
The problem is that this page opens even when there is just an error in the code. For example, when a button is clicked, the script is executed
this.title = user.info.name;
AND the error "get property name of undefined" appears in the console, because the user object does not have an info property.
So, because of this error, a screen with an error.vue error immediately opens.
How to disable this behavior?

Answer 1

I think you need not to disable the behavior, but to exclude such a situation.
I suspect that the error occurs between the start of the application and the download of data from the server?
Set a temporary title like this.title = "Loading data", and when the data is loaded, write the correct title.

Answer 2

Here is what this file should look like: https://nuxtjs.org/guide/views/#error-page
This page pops up if the required page is not found. So what happens when the button is pressed? Maybe there is a change of route to some / undefined? And that means the error page is loaded.

Answer 3

Try wrapping the request in a try-catch construct

try {
this.title = user.info.name;
} catch(e) {
return;
}