axios 产生奇怪的 URL答案

【问题标题】：axios producing strange URLaxios 产生奇怪的 URL
【发布时间】：2018-12-27 18:44:54
【问题描述】：

我在一个 Vue.js 和 Laravel 项目中工作。这里我在main.js这样的axios.defaults.baseURL = 'http://127.0.0.1:8000/api';文件中配置axios。

我在我的组件方法之一中使用 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

【问题讨论】：

表示this.word_id 是"আল-আ'রাফ"。 (decodeURIComponent("%E0%A6%86%E0%A6%B2-%E0%A6%86'%E0%A6%B0%E0%A6%BE%E0%A6%AB"))
谢谢@JJJ。但我传递了一个数字，即单词 id。谢谢。
不，你不是。试试console.log(this.word_id)。
谢谢@JJJ。是的，我这样做并获得了number 的价值。谢谢。
那么错误来自代码的其他部分，或者这不是真正的代码。如果this.word_id 是一个数字，那么'/words/'+ this.word_id 的值根本不可能是"/words/আল-আ'রাফ"。

标签： vuejs2 axios

【解决方案1】：

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

这对你有用。请注意，它不是单引号。这是反引号（``）

【讨论】：