vue pwa webpack axios process.env не экранирует url и не рушит webpack

Question

Здравствуйте. У меня возникла проблема с установкой базового URL-адреса из переменной среды в config / prod.env.js в шаблоне pwa, который загружается из веб-пакета.я устанавливаю API_URL в 'http://localhost:3000', где я запускаю экспресс-файл js rest api.

строка исходного кода, где ошибка происходит из

return axios.create({
    headers: {
      'Content-Type': 'application/json'
    },
    baseURL: process.env.API_URL
  })

вывода веб-пакета из браузера

return __WEBPACK_IMPORTED_MODULE_2_axios___default.a.create({
    headers: {
      'Content-Type': 'application/json'
    },
    baseURL: http://localhost:3000/
  });

ошибка из консоли браузера

152:40 Uncaught SyntaxError: Unexpected token :
    at Object.<anonymous> (app.js:1682)
    at __webpack_require__ (app.js:679)
    at fn (app.js:89)
    at eval (main.js?1c90:1)
    at Object.<anonymous> (app.js:1207)
    at __webpack_require__ (app.js:679)
    at fn (app.js:89)
    at Object.<anonymous> (app.js:1199)
    at __webpack_require__ (app.js:679)
    at app.js:725

package.json зависимости

"dependencies": {
    "axios": "^0.18.0",
    "vue": "^2.5.2",
    "vue-router": "^3.0.1",
    "vuex": "^3.0.1"
  },