create-react-app脚手架搭建的项目在无法使用webpack自带的服务器进行反向代理

Question

用create-react-app脚手架创建的webpack前端开发环境，在webpack-dev-config.js里配置server的反向代理无法向被代理的服务器请求信息，一直404，如下是webpack-dev-config.js中反向代理的配置。
devServer: {

    inline: true,
    port: 3000,
    proxy: {
        "/rest": {
            target: "http://192.168.1.254:5600/rest",
            secure: false,
        },
        "/login": {
            target: "http://192.168.1.254:5600/login",
            secure: false
        },
        "/logout": {
            target: "http://192.168.1.254:5600/logout",
            secure: false
        }

    }
},

Answer 1

devServer: {
    disableHostCheck: true,
    progress: true,
    proxy: {
      "/api/*": {
        target: "http://192.168.1.139:9000",
        changeOrigin: true,
        secure: false
      }
    },
    host: "0.0.0.0", 
    contentBase: path.join(__dirname, "./"),
    publicPath: "/dist/",
    hot: false,
    inline: false
}

将代理服务器地址target改为ip地址，亲测可行。

Answer 2

我是这样配置的：

    devServer: {
        host: '192.168.2.127',
        port: '3002',
        proxy: [
            {
                context: '/api',
                target: 'http://192.168.2.164:8082',
                secure: false
            }
        ]
    }

当然：也可以不用在webpack里配置，直接在package.json里配置：
"proxy": "http://192.168.2.119:8080"
写的是你请求数据的服务器的地址

Answer 3

大佬，你用的也是create-react-app吗？我的还是不行，一直404

Answer 4

我试着在package.json中配置proxy，Error occurred while trying to proxy request /api/news/query?classify=1&pageSize=7 from localhost:3000 to http://localhost:27018/报这种错误

Answer 5

你好，我用react的脚手架创建项目之后，根本就看不见webpack的配置文件（例如：webpack.config.js文件），请问你是怎么看见的，麻烦指教一下