[Vuejs]-I cannot change local json file in runtime

by

0👍

You should be able to import the data in your json file if you convert it to a .js file and declare and export your json object.

const myObject = { 'property': 'value' }
export default myObject;

Then you should be able to use it like any other module. Alternately you may need a some sort of a json loader… webpack docs

Edit
I just saw that your problem isn’t importing the file but updating it. If you want your app to see the up to date version you’ll need to reference that file directly rather than importing the module from the bundle. The bundle won’t be updated without your repacking/deploying.

I’m not sure how you’re serving your app, but in addition to referencing your json file directly, you need to make sure that file is deployed to the server rather than simply hanging out with the rest of your unbundled js which shouldn’t be deployed.

Leave a comment