У меня есть компонент для отображения «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 ).
Например, если я попробую 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
Появляется следующее: