vue-router с параметром не может запустить развертывание на netlify - PullRequest
Новая
       15

vue-router с параметром не может запустить развертывание на netlify

0 голосов
/ 02 июня 2019

Home.vue 

<template>
  <h3>Home</h3>
</template>

Test1.vue 

<template>
  <h3>TEst page {{symbol}}</h3>
</template>

<script>
export default {
  data() {
      return {
        symbol: this.$route.params.id
      }
    },
}
</script>

export default new Router({
  mode: 'history',
  routes: [
    {
      path: '/test/:id',
      component: Test1
    },
    {
      path: '/home',
      component: Home
    },
  ]
})

Я не могу позвонить через сайт [netlifylink / test / 1]. Это "Страница не найдена Похоже, вы перешли по неработающей ссылке или ввели URL, которого нет на этом сайте ".

Но все еще может получить доступ к localhost: 8080 / test / 1

я звоню localhost: 8080 / home, а [netlifylink / home] - работа. почему?

помогите мне, пожалуйста. Извините за грамматику.

1 Ответ

0 голосов
/ 02 июня 2019

На Netlify есть специальные инструкции по развертыванию SPA. На этой странице: https://www.netlify.com/docs/redirects/ если вы перейдете в раздел История Pushstate и одностраничных приложений , вы увидите следующее:

Если вы разрабатываете одностраничное приложение и хотите, чтобы push-состояние истории работало так, чтобы вы получали чистые URL-адреса, вам нужно включить следующее правило перезаписи:

/ * /index.html 200

Это будет эффективно служить index.html вместо 404 независимо от того, какой URL запрашивает браузер.

Вам необходимо добавить это в файл _redirects в корне вашего встроенного сайта.

...