vue在路由页面刷新404如何解决

在Vue路由中，当刷新页面时，浏览器会向服务器发送请求，但是服务器没有对应的路由，因此会返回404错误。为了解决这个问题，你可以在服务器端配置一个fallback路由，将所有请求都重定向到index.html页面。这样，当浏览器发送请求时，服务器会返回index.html页面，然后Vue路由会接管页面的渲染，找到对应的组件进行渲染。

以下是一个使用Node.js的Express框架来配置fallback路由的示例代码：

const express = require('express');
const path = require('path');
const app = express();

// 配置静态资源目录
app.use(express.static(path.join(__dirname, 'public')));

// 配置fallback路由
app.get('*', (req, res) => {
  res.sendFile(path.join(__dirname, 'public/index.html'));
});

// 启动服务器
app.listen(3000, () => {
  console.log('Server is running on port 3000');
});

在上面的代码中，我们先配置了一个静态资源目录，然后使用`app.get('*')`来配置fallback路由，将所有请求都重定向到index.html页面。最后，我们启动服务器并监听3000端口。

注意：以上代码仅供参考，具体实现还需根据实际情况进行调整。