Как получить строку URL, объединяя две строки в JavaScript

Question

Я пытаюсь отправить запрос, используя axios , и он хорошо работает, когда я жестко кодирую URL, например:

const logIn = (email, password) => {
  axios.post("http://127.0.0.1:8000/api/token_auth/", {
    username: email,
    password: password
  })
  .then(function (Response) {
    console.log('Login succesfull');
  })
  .catch(function (Error) {
    console.log('Login failed.');
  });
}

Проблема заключается в том, что я пытаюсь объединить двастроки, чтобы получить тот же URL, например:

import apiServer from 'controllers/settings';

const logIn = (email, password) => {
  axios.post(apiServer+"token_auth/", {
    username: email,
    password: password
  })
  .then(function (Response) {
    console.log('Login succesfull');
  })
  .catch(function (Error) {
    console.log('Login failed.');
  });
}

В этом более позднем случае я вижу, что конкатенация не работает напрямую, и поэтому я не получаю строку URL, которую я ищу:

Есть ли другой способ в javascript для объединения двух строк, чтобы я мог использовать полученную строку в качестве URL?

РЕДАКТИРОВАТЬ

Значение apiServer определено в другом файле settings.js:

const apiServer = "http://127.0.0.1:8000/api/"; 

Answer 1

Вы должны export свою константу в файле settings.js:

export const apiServer = "http://127.0.0.1:8000/api/";

Answer 2

По какой-то причине apiServer является объектом.

Просто убедитесь, что это строка, и позже вы можете выполнить конкатенацию или интерполяцию строки следующим образом:

const apiServer = "http://127.0.0.1:8000/api/"

const url = `${apiServer}token_auth`

console.log(url)

Если вы предпочитаете делать это с сцеплением :

const apiServer = "http://127.0.0.1:8000/api/"

const url = apiServer + "token_auth"