Приложение Vue.js на сервере Heroku: невозможно получить /.Как мне это решить?

Question

Когда я ввожу свой URL-адрес для своего приложения Vue.js (https://harrishealthtest.herokuapp.com/),, браузер выводит меня на домашнюю страницу. Хорошо. Однако, когда я нажимаю кнопку «Пуск», это должно привести меня к/ test ', я получаю сообщение' Cannot GET / test '.

Что я делаю не так? У меня включен режим истории в моей маршрутизации. Я не уверен, что это вызывает проблемы. Или если эточто-то связанное с подключением между моим приложением Vue.js и моим REST API Laravel. Оба находятся в разных доменах. Когда я нажимаю «Пуск», приложение должно перевести меня в «/ test», и именно там данныеот API получено.

Это то, что у меня сейчас есть в моем файле App.vue:

mounted() {
    fetch('https://pure-mountain-87762.herokuapp.com/', {
    method: 'get'
  })
    .then((response) => {
    return response.json()
  })
    // 'jsonData' refers to the json parsed response
    .then((jsonData) => {
      this.testData = jsonData.data
  })

Какие у меня проблемы здесь? Маршрутизация? Подключение API? Или что-то ещееще

Answer 1

Кажется, героку указывает на сервер, а не на клиента.У меня была такая же ошибка несколько недель назад.Две вещи:

Если вы запускаете две команды npm, возобновите их в файле json, на который указывает heroku.Вот пример:

"scripts": {
"client-install": "npm install --prefix client",
"start": "node server.js",
"server": "nodemon server.js",
"client": "npm start --prefix client",
"dev": "concurrently \"npm run server\" \"npm run client\"",
"heroku-postbuild":
  "NPM_CONFIG_PRODUCTION=false npm install --prefix client && npm run build --prefix client"

Добавьте эту строку heroku-postbuild.Вы должны играть с командами в вашей среде разработки, на вашем компьютере.Убедитесь, что он работает на вашем компьютере, а затем нажмите вверх.Во-вторых, и это довольно странно, но у меня это работает.

Перейдите в настройки вашего приложения в Heroku, нажмите кнопку «Показать конфигурационные переменные» и добавьте эту переменную env:

DANGEROUSLY_DISABLE_HOST_CHECK=true

Это помогло мне.Надеюсь, это поможет вам.