Почему я не могу получить доступ к путям проекта nuxt js? - PullRequest
0 голосов
/ 19 февраля 2020

У меня есть компонент для отображения «404 Страница не найдена». Как показано в папке макета:

макеты / макет ошибки. vue

<template>
  <div>
    <nuxt></nuxt>
  </div>
</template>

и макеты компонентов / ошибка. vue

<template>
  <div>
    <h1>{{error.statusCode}}</h1>
    <p>
      <strong>{{error.message}}</strong>
    </p>
    <nuxt-link to="/" class="button">
      <i class="icon-home"></i> Go back in initial page, is better.
    </nuxt-link>
  </div>
</template>
<script>
export default {
  layout: "error-layout",
  head: {
    bodyAttrs: {
      class: "body-not-found"
    }
  },
  props: {
    error: {
      type: Object,
      default: null
    }
  }
};
</script>
<style scoped src="../assets/css/404.css"></style>

При запуске npm run dev я получаю доступ к http://localhost: 3000 / Без каких-либо проблем он показывает мне содержимое, которое у меня есть на страницах / в индексе. Компонент vue, когда я вхожу в маршрут, который не существует, он эффективно отображает настроенное мной «404» (http://localhost: 3000 / didnotexist ). enter image description here

Например, если я попробую npm run build, npm run start. У меня нет проблем

Возникает проблема: когда я загрузил проект в бродячую усадьбу .

Homestead.yaml:


ip: "10.1.1.20"
memory: 2048
cpus: 2
provider: virtualbox

#authorize: ~/.ssh/id_rsa.pub

#keys:
 #   - ~/.ssh/id_rsa

authorize: C:/Projects_Laravel/files/id_rsa.pub

keys:
    - C:/Projects_Laravel/files/id_rsa.ppk

folders:
    - map: C:/Projects_Laravel
      to: /home/vagrant/Projects_Laravel

sites:
    - map: agency.test
      to: /home/vagrant/Projects_Laravel/agency/dist


databases:
    - homestead

features:
    - mariadb: false
    - ohmyzsh: false
    - webdriver: false

ports:
    - send: 9200
      to: 9200
    - send: 5601
      to: 5601
    - send: 3000
      to: 3000

Как вы увидите в моем проекте Homestead.yaml, он указывает на dist/ /home/vagrant/Projects_Laravel/agency/dist, поскольку dist/ генерируется с помощью команда 'npm run generate' Затем он показывает мне исходное содержимое без проблем, это при входе в браузер agency.test Но при вводе

agency.test/doesnotexist

Появляется следующее:

enter image description here

...