client: fully proxy /api requests for development

This commit is contained in:
Jesse Chan
2020-12-09 01:50:53 +08:00
parent 1abedef20d
commit 8523572c2b
2 changed files with 9 additions and 5 deletions

View File

@@ -23,7 +23,13 @@ const generateConfig = (proxy, allowedHost) => {
overlay: false,
historyApiFallback: true,
public: allowedHost,
proxy,
proxy: {
'/api': {
target: proxy,
changeOrigin: true,
secure: false,
},
},
};
};

View File

@@ -14,7 +14,7 @@ const webpack = require('webpack');
const WebpackDevServer = require('webpack-dev-server');
const clearConsole = require('react-dev-utils/clearConsole');
const checkRequiredFiles = require('react-dev-utils/checkRequiredFiles');
const {choosePort, prepareProxy, prepareUrls} = require('react-dev-utils/WebpackDevServerUtils');
const {choosePort, prepareUrls} = require('react-dev-utils/WebpackDevServerUtils');
const openBrowser = require('react-dev-utils/openBrowser');
const paths = require('../../shared/config/paths');
const config = require('../config/webpack.config.dev');
@@ -45,10 +45,8 @@ choosePort(HOST, DEFAULT_PORT)
const urls = prepareUrls(protocol, HOST, port);
// Create a webpack compiler that is configured with custom messages.
const compiler = webpack(config);
// Load proxy config
const proxyConfig = prepareProxy(userConfig.floodServerProxy, paths.appPublic);
// Serve webpack assets generated by the compiler over a web sever.
const serverConfig = createDevServerConfig(proxyConfig, urls.lanUrlForConfig);
const serverConfig = createDevServerConfig(userConfig.floodServerProxy, urls.lanUrlForConfig);
const devServer = new WebpackDevServer(compiler, serverConfig);
// Launch WebpackDevServer.
devServer.listen(port, HOST, (err) => {