ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

使用 express 极简处理前端路由的 history 模式问题

2021-12-17 19:36:04  阅读:170  来源: 互联网

标签:极简 const app express 中间件 路由 history


主要使用的中间件:
bripkens/connect-history-api-fallback: Fallback to index.html for applications that are using the HTML 5 history API

serve.js

const express = require("express");
const history = require("connect-history-api-fallback");

const app = express();

// 先定义后端路由
app.get("/health", function (req, res) {
  res.send("ok");
});

// 再使用 history 中间件
app.use(history());

// 最后配置 静态资源文件
app.use(express.static(__dirname + "/public"));

// 监听端口号
app.listen(8081, () => {
  console.log("服务已启动");
});

执行:node serve.js

PS 需要前端处理路由不匹配问题(404)

参考:
教你怎么快速搭建一个 Node + Express 静态服务器 - 简书
Express 路由
HTML5 History 模式 | Vue Router

标签:极简,const,app,express,中间件,路由,history
来源: https://www.cnblogs.com/jasongrass/p/15703534.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有