2

estoy haciendo un lista de personajes en vue y cuando tomo la llamada con Ajax me dice que no lo encuentra, es decir,

Este es mi script

<script>
    export default {
        name: 'place',
        data()
        {
            return {
                place: {}
            }
        },
        created()
        {
            var vm= this;
            var id = this.$route.params.id;
            //console.log(id);
            axios.get('https://adventuretimeapi.herokuapp.com/people/${id}/?format=json').then(function(response){
                vm.place = response.data;
                console.log(vm.place);
            })
        }

    }



</script>

y tengo error con la llamada ajax

axios.get('https://adventuretimeapi.herokuapp.com/people/${id}/?format=json').

me dice 404 que no la encuentra, pero antes estoy buscando la id

var vm= this;
            var id = this.$route.params.id;
            console.log(id);

y efectivamente me da la id

y si el numero lo remplazo en https://adventuretimeapi.herokuapp.com/people/r6Je/?format=json efectivamente existe.

pero al pasarlo como variable

'https://adventuretimeapi.herokuapp.com/people/${id}/?format=json'

me dice que no lo encuentra, ¿Esto por qué puede ser?

1 respuesta 1

2

Estás usando un string normal, cuando deberías usar un string template:

Un string en Javascript está delimitado por comillas simples o dobles, mientras que el string template, que admite variables (o una expresión) con el formato ${<expresión>}, usa comillas inversas (`) :

var test=24;

console.log("String normal: ${test}")
console.log('String normal: ${test}')
console.log(`String template: ${test}`)

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.