vue 路由器链接上的磅符号

Question

嗨，我如何在 vue.js 中删除路由器链接中的井号？我总是在每个链接中得到一个英镑符号，例如：http://localhost:8080/#/

export default new Router({
  routes: [
    {
      path: '/',
      name: 'SplashScreen',
      component: SplashScreen
    },
    {
      path: '/aboutus',
      name: 'AboutUs',
      component: AboutUs
    },
    {
      path: '/aboutus',
      name: 'Dashboard',
      component: Dashboard
    }
  ]
})

Answer 1

使用模式作为 history

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

还需要服务器配置 Apache

<IfModule mod_rewrite.c>
  RewriteEngine On
  RewriteBase /
  RewriteRule ^index\.html$ - [L]
  RewriteCond %{REQUEST_FILENAME} !-f
  RewriteCond %{REQUEST_FILENAME} !-d
  RewriteRule . /index.html [L]
</IfModule>

在此处查看更多详细信息