vue history访问路由无效

Vue的history模式可以通过浏览器的history.pushState和history.replaceState方法来实现路由切换。当我们在Vue项目中使用history模式时，需要进行一些配置才能使访问路由有效。

首先，在路由配置中，我们需要设置base选项来指定应用程序部署的基础URL。如果我们的应用程序部署在根URL下，可以将base配置为'/':

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

接下来，我们需要修改服务器配置，以便在单页应用中正确地处理路由刷新问题。如果我们使用的是Vue CLI创建的项目，并且使用的是Webpack打包工具，可以在该项目的根目录下创建一个vue.config.js文件，并添加如下配置：

module.exports = {
  publicPath: '/',
  devServer: {
    historyApiFallback: true
  }
}

这样配置后，当我们访问一个不存在的路由时，服务器将会返回index.html文件，从而使得Vue应用能够正确加载，并在客户端进行路由切换。

另外，我们还需要确保我们的服务器配置正确。例如，在使用Nginx作为服务器的情况下，需要修改nginx.conf文件，增加如下配置：

server {
  ...
  location / {
    try_files $uri $uri/ /index.html;
  }
  ...
}

这些配置能够解决访问路由无效的问题。希望对您有帮助！