使用 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')

其中前缀/是重要的部分。