javascript - 带有参数的 vue-router 无法在 netlify 上运行部署

Question

主页.vue

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

测试1.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] 正常工作。为什么？

请帮帮我。抱歉语法错误。

Answer 1

它也在 Vue 文档部署部分

https://cli.vuejs.org/guide/deployment.html#netlify

为了在 Vue Router 上使用 history 模式 接收直接点击，您需要在 /public 下创建一个名为 _redirects 的文件，其中包含以下内容:

# Netlify settings for single-page application
/*    /index.html   200