How to acces external json file objects in vue.js app

Question

How to access JSON objects in the vue.js app I am new in this

import json from \'./json/data.json\'

the JSON fil

Answer 1

Typescript projects (I have typescript in SFC vue components), need to set resolveJsonModule compiler option to true.

In tsconfig.json:

{
  "compilerOptions": {
    ...
    "resolveJsonModule": true,
    ...
  },
  ...
}

Happy coding :)

(Source https://www.typescriptlang.org/docs/handbook/compiler-options.html)