Vuejs2 axios生成奇怪的URL

我在一个Vue.js&Laravel项目中工作。在这里，我在main.js文件中配置axios，如下所示：axios.defaults.baseURL=http://127.0.0.1:8000/api';.

我在我的一个组件方法中使用axios，如下所示

methods: {
            get_words () {    
                console.log(this.word_id);  
                axios.get('/words/'+ this.word_id)
                .then(response => {
                    this.words = response.data;
                })
                .catch();    
            },
        },

我在控制台中错误地得到下面的URL

http://127.0.0.1:8000/api/words/%E0%A6%86%E0%A6%B2-%E0%A6%86'%E0%A6%B0%E0%A6%BE%E0%A6%AB

这对你有用。

---

请注意，它不是单引号。它是backticks`

它意味着这个.word\u id是আল-আ'রাফ. 解码组件%E0%A6%86%E0%A6%B2-%E0%A6%86'%E0%A6%B0%E0%A6%BE%E0%A6%ABThank@JJJ。但我正在传递一个号码，这是单词id。谢谢。不，你没有。试试console.logthis.word\u id.Thank@JJJ。是的，我这样做了，得到了数值。谢谢。那么错误来自代码的其他部分，或者这不是真正的代码。“/words/”+this.word_id的值不可能是/words/আল-আ'রাফ 如果this.word\u id是一个数字。

const id = this.word_id;  
axios.get(`/words/${id}`)