BLACK FRIDAY - Get 35% off your Mastering Nuxt license!

External Packages Plugin

In this example:

plugins/axios.js intercepts the $axios call using the onError() function.

pages/index.vue uses $axios to fetch our data from an API.

pages/mountains/_slug.vue uses $axios to fetch our data from an API with the id coming from route params.

pages/404.vue is the page that is called when there is an error.

nuxt.config.js contains the module property and plugin property to register our module and plugin.

package.json shows our module @nuxtjs/axios has been installed.

Learn more in the Directory Structure book in the plugins chapter.

Loading CodeSandbox...