How to access remote data and write it into a file during Nuxt build?

by

You can start by installing axios (you can still have @nuxtjs/axios alongside your project):
yarn add -D axios

Then, let’s take JSON placeholder’s API for testing purposes, we will try to get the content located here: https://jsonplaceholder.typicode.com/todos/1
And save it to a local .json file in our Nuxt project.

For that, head towards nuxt.config.js and write your script there

import fs from 'fs'
import axios from 'axios'

axios('https://jsonplaceholder.typicode.com/todos/1').then((response) => {
  fs.writeFile('todos_1.json', JSON.stringify(response.data, null, 2), 'utf-8', (err) => {
    if (err) return console.log('An error happened', err)
    console.log('File fetched from {JSON} Placeholder and written locally!')
  })
})

export default {
  target: 'static',
  ssr: false,
  // your usual nuxt.config.js file...
}

This will give you a nice JSON file that you can afterwards import back into your nuxt.config.js and work on!

enter image description here

More Related Contents:

  1. What is JSON and what is it used for?
  2. What are the differences between JSON and JSONP?
  3. How do I consume the JSON POST data in an Express application
  4. Convert Dictionary to JSON in Swift
  5. Is there a query language for JSON?
  6. How to parse JSON in Scala using standard Scala classes?
  7. JSON to TypeScript class instance? [duplicate]
  8. How do I exclude fields with Jackson not using annotations?
  9. Returning Null JSON Throwing Type Mismatch Error in VBA
  10. How to create public/private user profile with Firebase security rules?
  11. Printing Empty Json as a result [duplicate]
  12. Tool to generate JSON schema from JSON data [closed]
  13. Iterating through JSON array in Shell script
  14. Read JSON data in a shell script [duplicate]
  15. this.$auth.loggedIn returning false
  16. How to turn json to case class when case class has only one field
  17. Coldfusion 10 returnformat=”JSON” adding characters
  18. Iterate a Json Object with ngFor
  19. respond to http request with json object in portlet
  20. .NET Core: Remove null fields from API JSON response
  21. Serialize in JSON a base64 encoded data
  22. Parsing JSON feed automatically into MS Access
  23. Collect Recursive JSON Keys In Postgres
  24. In Excel VBA on Windows, how to get stringified JSON respresentation instead of “[object Object]” for parsed JSON variables?
  25. Angular: Typescript casting JSON response as object model not working
  26. alamofire.error Code=-6006 “JSON could not be serialized
  27. How to preserve integer data type when exporting to JSON?
  28. include class name in all objects serialized by jackson
  29. Escaping Regex to get Valid JSON
  30. passing JSON data to a Spring MVC controller

Leave a Comment