【express】express写的接口,前端访问时返回的是We're sorry but ... doesn't work properly without JavaScript enable

本文介绍了解决Express后端配合前端history模式路由时出现的JavaScript错误问题。通过配置connect-history-api-fallback中间件,确保了前端路由在刷新页面或直接访问时能正确跳转。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

前情提要

【express】express写的接口,前端访问时返回的是We’re sorry but … doesn’t work properly without JavaScript enable,???

搜索

搜索到的结果是与前端router的mode使用了history有关,但是改为hasn依旧有问题。那算了,还是改为hisitory,寻找其他方法吧。

然后,转机来了!看到了官网有说明了相关配置,基于node.js的express的配置如下图。顺着这个地址,我们可以看到该如何配置。
在这里插入图片描述

总结

解决步骤:

  • 第一步:打开app.js,也就是写接口的那个文件
  • 第二步:引入并配置
var express = require('express');
var history = require('connect-history-api-fallback');

var app = express();
app.use(history({
    htmlAcceptHeaders: ['text/html', 'application/xhtml+xml'],
    rewrites: [
      {
        from: /^\/.*$/,
        to: function () {
          return "/";
        }
      },
    ]
}));

第三步:重启node服务,重新访问接口可以得到正常结果啦。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值