为什么这样配webpack的devserver没有效果？

Question

项目用的是react-app-rewired和customize-cra插件

在config-overrides.js中：

const {
    override,
    addLessLoader,
    fixBabelImports,
    addDecoratorsLegacy,
    addWebpackAlias,
    overrideDevServer
} = require('customize-cra')
const path = require('path');
const theme = require('./src/Styles/theme')

const passConfig = () => config => {
    return {
        ...config,
        port: 3003,
        proxy: {
            '/api': {
                target: 'http://www.ylcx.shop',
                changeOrigin: true,
                ws: false,
                pathRewrite: {
                    '^/api': '/api'
                }
            },
        }
    };
}

module.exports = {
    webpack: override(
        //  其他配置
        ),
    devServer: overrideDevServer(passConfig()),
}

测试的结果是 并没有转发请求：

xhr.js:177 GET http://localhost:3003/api/mall/index/pcindex net::ERR_CONNECTION_REFUSED

Answer 1

const {watchAll} = require('customize-cra')
module.exports = {

webpack: override(
    //  其他配置
    ),
devServer: overrideDevServer(passConfig(),watchAll()),

}

//这样试一下呢

Answer 2

你这个写法， overrideDevServer 会传递config进入到 passConfig 吗？好好考虑一下