Javascript VueJS路由/导航问题

使用VueJS时遇到问题（第一次使用）

• 我90%的页面模板都在doc root的index.html文件中
• 我有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
    }
  ]
})

我无法让

图库

正常工作-我的网站没有在我的index.html中将它们作为锚定标记呈现（我可能不了解Vue在那里的使用方式/位置）-因此我使用的是标准链接，例如

问题是：

虽然所有这些代码在我的本地机器上都可以正常工作，但它在我上传代码到的任何地方都不起作用（我想让它在Netlify上工作）。Netlify和其他网站会覆盖我删除散列的尝试，因此我的链接会链接到

---

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

哈希

不是

路由器

选项。尝试删除此。 要在Netlify上使用历史记录模式，您必须将

\u重定向

文件添加到

公共

目录。 将其添加到文件中：

/*/200

---

这将确保所有路径都由

vue路由器处理
哈希
不是
路由器
选项。尝试删除此。
要在Netlify上使用历史记录模式，您必须将
\u重定向
文件添加到
公共
目录。
将其添加到文件中：

/*/200
这将确保所有路径都由
vue路由器处理
您不需要返回到
标记。请尝试
？@puddi不幸的是，它没有呈现为锚定标记，而是按原样输出到页面，因此甚至没有显示在页面上。我将再次检查您的Vue应用程序是否正确
使用
ing/包括路由器库，然后，因为听起来vue路由器没有被正确拾取。@puddi我怀疑文档根目录中的
index.html
不在路由器的范围内-在单个组件中使用
可以很好地工作，您不需要返回到
标记。请尝试
？@puddi不幸的是，它没有呈现为锚定标记，而是按原样输出到页面，因此甚至没有显示在页面上。我将再次检查您的Vue应用程序是否正确
使用
ing/包括路由器库，然后，因为听起来好像vue路由器没有被正确拾取。@puddi我怀疑文档根目录中的
index.html
超出了路由器的范围-在单个组件中使用
可以工作fineHi James-我没有
公共
目录，不过，我已经将此
\u redirects
文件添加到我的
dist
文件夹中，现在该站点似乎可以在Netlify上运行，谢谢：）@Matadeleo当您添加带有\u redirects的公共文件夹时，每次构建项目时都会创建我。否则，在构建i时，您可能会忘记添加_重定向文件，或者如果您忘记了此步骤，则部署可能会出现任何问题。这一步在我的Vue.js/Quasar应用程序中确实有效！伟大的嗨，詹姆斯-我没有一个
public
目录，但是我已经将这个
\u redirects
文件添加到了我的
dist
文件夹中，现在该站点似乎可以在Netlify上运行，谢谢：）@Matadeleo当你添加带有\u redirects的public文件夹时，每次构建项目时都会创建我。否则，在构建i时，您可能会忘记添加_重定向文件，或者如果您忘记了此步骤，则部署可能会出现任何问题。这一步在我的Vue.js/Quasar应用程序中确实有效！伟大的