express静态路由匹配引发的404错误
最近有一个react项目，我用webpack打包，然后使用express作为webserver跑起来。
但是在运行的时候，就白屏了，看console原来是报了404错误
可是代码里面明明有路由定义，为什么还是报404错误呢？
app.get(“/api”, (req, res) => {
let url = “http://82.157.43.234:8080“;
axios
.get(url, { params: req.query })
.then((response) => {
res.json(response.data);
})
.catch((e) => {
console.log(e);
});
});
说到这里，就要明白：express的路由匹配规则是非常愚蠢的，它不像nginx那么智能，只要用uri前缀就能匹配所有以指定前缀开头的http请求。
express的路由规则是要跟预定义的路由完全相同，差一个字都不行！
什么意思？ 就是express只能匹配跟它预定义规则在字面上完全相同的路由，举个例子，如果是
app.get(“/api”,xxxxx), 那么你进来的访问只有是xxxx/api才能被识别，如果是xxxx/api/bbb就不识别了，这就是完全匹配原则，非常愚蠢！
所以/api/productCollections是没法被识别的
你要么就只能单独去定义一个/api/productCollections路由。
或者采用动态路由”/api/:path/*“，通过req.params.path加路径拼接创建完整的访问地址：
app.get(“/api/:path/*“, (req, res) => {
let url = “http://82.157.43.234:8080/api/“;
var path = req.params.path;
url = url + path;
console.log(“url is “,url)
axios
.get(url, { params: req.query })
.then((response) => {
res.json(response.data);
})
.catch((e) => {
console.log(e);
});
});
或者通过代理中间件http-proxy转发请求：
const httpProxy = require(“http-proxy”);
const proxy = httpProxy.createProxyServer({});
app.use(“/api”, (req, res) => {
// 设置目标服务器的URL
const target = “http://82.157.43.234:8080/api“; // 替换成实际的目标服务器URL
proxy.web(req, res, { target });
});
心已赠人
我就是我
左手的ㄟ右手
还没有评论，来说两句吧...