Express框架Fetch通信总结

最新推荐文章于 2025-06-04 09:20:58 发布

原创

最新推荐文章于 2025-06-04 09:20:58 发布 · 900 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#fetch #express

本文总结了使用Fetch进行Express框架通信时遇到的问题及解决方法。重点在于理解fetch的配置，包括get通信、header设置、请求方式和body参数结构。由于不熟悉node.js和fetch，导致在接收参数时遇到困难，解决办法是引入body-parser中间件，让Express能解析请求参数。建议深入学习node文档以避免类似困扰。

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

fetch配置

window.fetchUtility = function (options, errorFun) {
    var request = {
        method: 'POST',
        headers: {
            'Content-Type': 'application/x-www-form-urlencoded'
        },
        // headers: {
        //     'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8',
        //     'Accept': 'application/json'
        // },
        cache: 'no-store',
        body:`userName=${options.data.userName}&password=${options.data.password}`
    };
    if (request.method.toLowerCase() === "get") {
        request.body = null;
    }
    return fetch(options.url, request)
        .then(function (response) {
            if (response.ok) {
                if (request.download) {
                    return response;
                }
                else {
                    return response.text().then(function (dataString) {
                        return {
                            responseStatus: response.status,