Question

使用VueJS时遇到麻烦（第一次使用它）

我在文档根目录的index.html文件中拥有90％的页面模板
我有3个组件（每个组件包含每个“页面”的主要内容主体）

我的路由器：

export default new Router({
  mode: 'history',
  hash: false,
  routes: [
    {
      path: '/',
      name: 'Home',
      component: Home
    },
    {
      path: '/gallery',
      name: 'Gallery',
      component: Gallery
    },
    {
      path: '/contact',
      name: 'Contact',
      component: Contact
    }
  ]
})

我无法使用<router-link :to="{ name: 'Gallery' }">Gallery</router-link>-我的网站没有在index.html中将它们呈现为锚标记（我可能不了解Vue在哪里可以使用/在哪里使用）-所以我我正在使用标准链接，例如<a class="nav-link" href="/gallery">Gallery</a>

问题：

虽然所有这些代码在我的本地计算机上都可以正常工作，但是在我将代码上传到任何地方都无法工作（我希望它在Netlify上可以工作）。 Netlify和其他网站覆盖了我删除哈希的尝试，因此我的链接随后链接到例如

https://examplesite.com/#/ => https://examplesite.com/gallery#/

Answer 1

Sortmode = DataGridViewColumnSortMode.Automatic不是hash选项。尝试删除它。要在Netlify上使用历史记录模式，必须将Router文件添加到_redirects目录中。将此添加到文件中：

public 这将确保所有路径均由/* / 200

处理

VueJS路由/导航问题

1 个答案: