且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

使用使用Vue-CLI创建的应用程序为404页面提供服务

更新时间:2022-11-12 20:20:29

您观察到的特性实际上来自webpack-dev-server's historyApiFallback,它用index.html响应未解析的URL(用于具有客户端路由的SPA)。这在Vue CLI项目中默认是启用的,但您可以使用Vue CLIdevServer config禁用它:

  1. 创建vue.config.js(如果不存在),内容如下:

    module.exports = {
      devServer: {
        historyApiFallback: false
      }
    }
    
  2. 重新启动开发服务器(npm run serve)。