,可以通过以下步骤完成:
bundle install
命令安装gem。在Rails API项目的config/application.rb文件中,添加以下配置:
config.middleware.insert_before 0, Rack::Cors do
allow do
origins '*'
resource '*', headers: :any, methods: [:get, :post, :put, :patch, :delete, :options]
end
end
在Create-React-App项目的根目录下,创建一个名为setupProxy.js
的文件,并添加以下内容:
const { createProxyMiddleware } = require('http-proxy-middleware');
module.exports = function(app) {
app.use(
'/api',
createProxyMiddleware({
target: 'http://localhost:3001',
changeOrigin: true,
})
);
};
npm start
heroku create my-app-app
git push heroku master
这将创建两个新的Heroku应用程序,并将代码推送到Heroku上进行部署。
以上是在Heroku上使用Rails API部署Create-React-App的步骤。这种部署方式适用于需要将Rails API和Create-React-App项目分开部署的情况,以实现前后端分离的架构。在部署过程中,可以使用Heroku提供的各种功能和插件来优化和扩展你的应用程序。
领取专属 10元无门槛券
手把手带您无忧上云