Vue配合express解决前端路由找不到的问题

最新推荐文章于 2024-08-22 09:46:32 发布

猛踹瘸子那条好腿の

最新推荐文章于 2024-08-22 09:46:32 发布

阅读量728

点赞数

文章标签：前端 vue.js javascript

本文链接：https://blog.csdn.net/weixin_54607676/article/details/124916891

版权

本文介绍了如何下载并引入connect-history-api-fallback依赖，以处理SPA（单页应用）的路由问题。通过设置`app.use(history())`并在配置中指定`index`、`rewrites`等参数，可以实现动态路由和错误页面的定制。同时，该方法应当置于静态资源目录之前，确保正确处理路由请求。

摘要由CSDN通过智能技术生成

下载connect-history-api-fallback依赖

引入改依赖

const history = reuqire('connect-history-api-fallback')

app.use(history());使用history 最好放到pubic静态目录前

app.use(hisrtory())可以配置相应的参数。 参数如下

1.index：配置默认的index页面
2.rewrites：通过正则配置，配置相关路由
3.verbose：日志选项
4.htmlAcceptHeaders：覆盖Accepts，更改请求的dataType配置
5.disableDotRule 禁用路由模块

app.use(express.static('public'))