问答

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

作者:admin 2021-04-19 我要评论

项目用的是react-app-rewired和customize-cra插件 在 config-overrides.js 中: const { override, addLessLoader, fixBabelImports, addDecoratorsLegacy, addW...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

项目用的是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
###

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

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • nginx响应速度很慢

    nginx响应速度很慢

  • 点击选中的多选框,会在已选那一栏显示

    点击选中的多选框,会在已选那一栏显示

  • PHP 多态的理解

    PHP 多态的理解

  • 关于C语言中static的问题

    关于C语言中static的问题

腾讯云代理商
海外云服务器