要将Create-React-App部署到多个URL,可以按照以下步骤进行操作:
在Create-React-App项目的根目录下创建一个名为config-overrides.js
的文件。
在config-overrides.js
文件中,使用react-scripts
的rewired
功能来修改默认的Webpack配置。
const { addWebpackDevServerConfig } = require('customize-cra');
module.exports = function override(config, env) {
config = addWebpackDevServerConfig(config, {
public: 'example.com', // 设置公共URL
allowedHosts: ['example.com', 'subdomain.example.com'], // 设置允许的主机名
});
return config;
};
package.json
文件中修改scripts
部分,添加一个新的脚本命令来启动开发服务器。"scripts": {
"start": "react-scripts start",
"start:multiurl": "react-scripts start --config-overrides",
"build": "react-scripts build",
"test": "react-scripts test",
"eject": "react-scripts eject"
}
npm run start:multiurl
命令来启动开发服务器。现在,Create-React-App将会根据config-overrides.js
中的配置来启动开发服务器。你可以通过访问设置的公共URL或允许的主机名来访问应用程序。
注意:如果你使用的是yarn
而不是npm
,请将上述命令中的npm run
替换为yarn
。