vue-router HTML5 History 模式

原创于 2018-08-20 10:21:03 发布 · 648 阅读

0 ·

CC 4.0 BY-SA版权

vue 同时被 2 个专栏收录

25 篇文章

订阅专栏

vue-router

2 篇文章

订阅专栏

本文介绍了Webpack开发服务器配置及Vue路由器的历史模式设置方法。详细展示了如何通过Webpack的devServer属性来配置客户端日志级别与历史API回退，以及如何在Vue项目中使用history模式进行路由设置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在webpack配置中，devserver配置如下：

  devServer: {
        clientLogLevel: 'warning',
        historyApiFallback: {
            rewrites: [
              { from: /.*/, to: path.posix.join(config.dev.assetsPublicPath, 'index.html') },
            ],
        }
        //其他的省略，暂未列出
 }

vue-router配置

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