[React] Configure a React & Redux Application For Production Deployment and Deploy to Now
2017-09-06 21:19
716 查看
In this lesson, we’ll make a few small changes to our scripts and add some environment variables that will be used at build time to get our application ready to be deployed to a production environment using the
React support .env file by default, add a .env file in the root folder:
which just holding our api configuration.
Also create a .env.production file:
Because we want json-server and our ui using the same domain & port, so here we can just use relative path.
To use the variable in .env, we can do:
Update package.json:
We change the original "start" to "dev".
Because after "build", there will be a "build" folder, so tell json-server to server the build folder and use db.json file a db.
After everything set up, just run:
nowservice. Once properly configured, we’ll use the
nowCLI and publish our application to a production server.
React support .env file by default, add a .env file in the root folder:
REACT_APP_BASE_URL=http://localhost:9001/todos
which just holding our api configuration.
Also create a .env.production file:
REACT_APP_BASE_URL=./todos
Because we want json-server and our ui using the same domain & port, so here we can just use relative path.
To use the variable in .env, we can do:
const baseUrl = process.env.REACT_APP_BASE_URL; export const getTodos = async () => { return await fetch(baseUrl) .then((response) => response.json()); };
Update package.json:
"start": "json-server --static ./build db.json", "dev": "react-scripts start",
We change the original "start" to "dev".
Because after "build", there will be a "build" folder, so tell json-server to server the build folder and use db.json file a db.
After everything set up, just run:
now
相关文章推荐
- Preparing for Application and Service Deployment-Adding an HTTPS Endpoint to a Windows Azure Cloud
- 论文笔记:An End-to-End Trainable Neural Network for Image-based Sequence Recognition and Its Application
- how to config the tftpd-hpa server in the ubuntu using for remote tftp client '-p' and '-r' command
- Preparing for Application and Service Deployment-Debugging and Troubleshooting Windows Azure Applic
- Post-Build script to fix MSI issues in Vista for VS 2005 Setup and Deployment Projects
- How to setup and configure Sonar for Groovy projects
- How To Install and Configure PHD Virtual Backup For Citrix XenServer
- Preparing for Application and Service Deployment-Differences Between the Storage Emulator and Window
- How to Configure Tomcat/JBoss and Apache HTTPD for Load Balancing and Failover
- android Debuger 出现:"Waiting for Debugger - Application XXX is waiting for the debugger to Attach"
- How to configure XDB for using ftp and http protocols with ASM [ID 357714.1]
- Howto Install and Configure Doxygen for QtCreator on Ubuntu
- Preparing for Application and Service Deployment-Azure Lessons from the Trenches
- How to configure XDB for using ftp and http protocols with ASM [ID 357714.1]
- Open debug mode for Tomcat and use Eclipse to remote debug the application
- How-to-design-and-deploy-a-new-master-page-for-sharepoint-2010
- 论文阅读(Xiang Bai——【PAMI2017】An End-to-End Trainable Neural Network for Image-based Sequence Recognition and Its Application to Scene Text Recognition)
- How to Configure Tomcat/JBoss and Apache HTTPD for Load Balancing and Failover
- Preparing for Application and Service Deployment - Introducing the Windows Azure Content Delivery Ne
- Setup failed to configure the server. Refer to the server error logs and setup error logs for more i