单页面路由的history模式后端配置
Posted xjy20170907
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了单页面路由的history模式后端配置相关的知识,希望对你有一定的参考价值。
使用vue-router来实现的单页应用,访问http://cnode.lsqy.tech,进入首页,点击按钮跳入另一个路由,一切都是很正常的,但当这时刷新页面,发现就会出现404了。出现这样的错误Cannot GET /message/,因为默认浏览器会认为你是在请求服务端的路由,服务端那边没有对应的处理,所以自然就会出错了。
可以引入connect-history-api-fallback中间件来解决
var http = require(‘http‘); var express = require(‘express‘); var ecstatic = require(‘ecstatic‘); // 写静态服务器 var history = require(‘connect-history-api-fallback‘); var app = express(); app.use(history()); app.use(ecstatic({ root: __dirname + ‘/dist‘ })); http.createServer(app).listen(6565);
原文:https://blog.csdn.net/github_36695991/article/details/100166737
以上是关于单页面路由的history模式后端配置的主要内容,如果未能解决你的问题,请参考以下文章
单页面应用的History路由模式express后端中间件配合
(转载)vue-router路由使用 history 模式时,后端SpringBoot如何配置