External Packages Plugin

In this example we show how to use a plugin with an external package - axios


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.

Loading Sandbox...
Edit this page on GitHub Updated at Mon, Jul 12, 2021