问使用window.location.hostname时生成意外的URL

EN

我正在尝试附加URL，但它生成的URL不是预期的。下面是我测试过的代码及其结果。

因为我使用本地服务器来测试我的系统，所以所需的请求URL是http://127.0.0.1:8000/api/posts。我将在不久的将来将此系统部署到远程服务器，因此我不能像现在这样使用请求URL。基于下面的代码，我试图做的是获取当前主机名并将其附加到路由URL，但它产生了奇怪的URL。如何解决这个问题？

组件

created() {
        var test = window.location.hostname + '/api/posts';
        this.axios.get(test).then(response => {
        this.posts = response.data.data;
    });

​

​

路由Api (api.php)

Route::get('/posts', 'PostController@index');