How to get data from key-value pairs in Vue.js

Question

I use rails on the backend and vue.js on the frontend. I'm trying to print the error just in case. Under .catch I get an error like below but cannot get the message from it. Please help me solve this problem.

.catch(function (error) {
 debugger
});

In the console, if I try error.response.data.error this returns '{:message=>"Amount is less than the minimum value"} ' I can't figure out how I can get only the message.

Wrong answer

Answer 1

Your baclend is not serializing the object correctly. So the message is part of a string and not a JSON property. If you don't want to change you can use

const message = error.response.data.error.substring(
    str.indexOf('"') + 1, 
    str.lastIndexOf('"')
);