路由到localhost：8081 / home无效，但localhost：8081 /＃/ home正常工作

Question

我知道这是一个非常基本的问题，但仍然无法解决这个非常简单的问题。在这里。

使用vuejs-router，我尝试将页面路由到Custom.vue。

Custom.vue

<template>
<div>
   <h1>Hello User</h1>
 </div>
</template>

<script>
export default {
    name: 'Custom'
}
</script>

在routes变量中，我按如下所示配置了路径。

const routes = [
  { path: '/', component: HelloWorld },
  { path: '/home', component: Custom },
]

问题：现在，这里发生的令人痛苦的事情是，当我尝试使用localhost:8081/#/home访问页面时，页面正确加载，但是使用localhost:8081/home却无法加载页面

Answer 1

这是因为您尚未启用历史记录模式，因此可以通过以下方式启用历史记录模式

new Router({
  mode: 'history',
  routes,
  base: process.env.BASE_URL
})