Tengo un elemento <img> como este:

 <img v-bind:word = "thing" @click="action" align="center" src="../assets/pic.png"/>

y un método como este:

 async action() { let imgAttribute = event.target.getAttribute('word'); alert(imgAttribute ); // alerts OK console.log("imgAttribute : " + imgAttribute ); // prints OK await axios.post('http://localhost:3000/my/endpoint', { params: { word: imgAttribute } }); ...

Entonces, cuando se hace clic en el elemento <img> , se ejecuta la action del método. El atributo de la word se toma y se coloca en la variable imgAttribute , que luego se pasa como un parámetro en la solicitud posterior.

alert(imgAttribute) y console.log(imgAttribute) funcionan bien, lo que significa que no imprimen undefined , pero imprimen los valores de cadena correctos que están dentro del atributo de la word .

Sin embargo, en el servidor Express:

 app.post('/my/endpoint', async (req, res) => { const {word} = req.params; // tried req.query with the same (undefined) result console.log("word = " + word); // undefined ...

La word es indefinida.

¿Por que sucede? ¿Cómo lo soluciono?