为什么这样配webpack的devserver没有效果?
项目用的是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
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
![扫码二维码加入Web技术交流群](/public/img/jiaqun_03.jpg)
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
const {watchAll} = require('customize-cra')
module.exports = {
}
//这样试一下呢
你这个写法, overrideDevServer 会传递config进入到 passConfig 吗?好好考虑一下