vue-roter history
时间: 2023-08-18 12:07:39 浏览: 81
Vue Router 的 history 模式是一种路由管理模式,它使用浏览器的 History API 来实现无刷新页面切换和前进后退功能。在 history 模式中,URL 是正常的 URL 路径,不带有哈希值(#)或查询参数(?),例如:`https://example.com/dashboard`。
要使用 history 模式,需要先配置服务器,以确保在刷新页面或直接访问路由时能够正确地加载应用程序。具体的配置方法取决于你使用的服务器,以下是一个基本的示例:
对于 Node.js 服务器(如 Express):
```javascript
const express = require('express');
const history = require('connect-history-api-fallback');
const app = express();
app.use(history());
app.use(express.static('dist')); // 指定静态资源目录
app.listen(3000, () => {
console.log('Server is running on port 3000');
});
```
对于 Nginx 服务器:
`
阅读全文