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

Question

我正在尝试附加 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');

Answer 1

如果您不想配置基本 URL，只需在 axios 请求中使用绝对 URL：this.$axios.get('/apiposts')其中前缀/是重要的部分。