Vue.js 如何在VueJS CLI 3生成的应用程序中访问自定义静态页面?

Vue.js 如何在VueJS CLI 3生成的应用程序中访问自定义静态页面?,vue.js,vue-router,vue-cli-3,Vue.js,Vue Router,Vue Cli 3,我已经创建了一个默认的Vue CLI 3项目(使用Vue路由器),但除了webapp之外,我还希望有一些不需要Vue框架或任何特殊javascript逻辑的静态页面(例如关于、常见问题解答、术语等) 因此,我在/public文件夹中添加了faq.html,并尝试通过https://localhost:8080/faq但我总是会看到index.html页面,vue将接管并加载我的应用程序 如何使公用文件夹中的静态html页面不被vue router处理,而只是发送到浏览器?您应该使用历史记录模式。

我已经创建了一个默认的Vue CLI 3项目(使用Vue路由器),但除了webapp之外,我还希望有一些不需要Vue框架或任何特殊javascript逻辑的静态页面(例如关于、常见问题解答、术语等)

因此,我在
/public
文件夹中添加了
faq.html
,并尝试通过
https://localhost:8080/faq
但我总是会看到index.html页面,vue将接管并加载我的应用程序


如何使公用文件夹中的静态html页面不被vue router处理,而只是发送到浏览器?

您应该使用历史记录模式。 我想你在Windows上运行它,如果你想从Pullic访问路由器,你必须使用历史模式, 所以你的路由器看起来像这样

/index.html#/faq

如果您在服务器上运行它。路由器在没有历史模式的情况下工作正常

  const router = new VueRouter({
  mode: 'history',
  routes: [...]
})

您应该使用历史记录模式。 我想你在Windows上运行它,如果你想从Pullic访问路由器,你必须使用历史模式, 所以你的路由器看起来像这样

/index.html#/faq

如果您在服务器上运行它。路由器在没有历史模式的情况下工作正常

  const router = new VueRouter({
  mode: 'history',
  routes: [...]
})