diff options
author | ditoaugusta <dt_ap@ymail.com> | 2020-03-24 11:04:27 +0700 |
---|---|---|
committer | ditoaugusta <dt_ap@ymail.com> | 2020-03-24 11:04:27 +0700 |
commit | c7254fc1afe2b0cbf80326671cb5d1eda701e5b3 (patch) | |
tree | b6a953d28aff98c78eb7c1bcd46fb4df9ae2ceb0 | |
parent | 48a726021f5d3c741749094891d529ccb3ba59b4 (diff) | |
download | etbsa-traccar-web-c7254fc1afe2b0cbf80326671cb5d1eda701e5b3.tar.gz etbsa-traccar-web-c7254fc1afe2b0cbf80326671cb5d1eda701e5b3.tar.bz2 etbsa-traccar-web-c7254fc1afe2b0cbf80326671cb5d1eda701e5b3.zip |
feat: .env.local to change backend url
-rw-r--r-- | modern/.env | 1 | ||||
-rw-r--r-- | modern/README.md | 7 | ||||
-rw-r--r-- | modern/src/setupProxy.js | 6 |
3 files changed, 10 insertions, 4 deletions
diff --git a/modern/.env b/modern/.env index 6f809cc..69efd74 100644 --- a/modern/.env +++ b/modern/.env @@ -1 +1,2 @@ SKIP_PREFLIGHT_CHECK=true +REACT_APP_URL_NAME='localhost:8082' diff --git a/modern/README.md b/modern/README.md index 6b8edbb..c6092df 100644 --- a/modern/README.md +++ b/modern/README.md @@ -4,8 +4,13 @@ It uses [React](https://reactjs.org/), [Material UI](https://material-ui.com/) a To run the project in development mode: -- Make sure you have Traccar back-end running locally on port 8082 +- Make sure you have Traccar backend running. - Install dependencies using `npm install` command - Run development server using `npm start` command +To change the backend server URL: + +- Copy the content of the .env to .env.local (new file) +- Change REACT_APP_URL_NAME to your backend URL. Example: 'example.com:8081' + Project was created using [Create React App](https://github.com/facebook/create-react-app). For more information see [user guide](https://github.com/facebook/create-react-app/blob/master/packages/react-scripts/template/README.md). diff --git a/modern/src/setupProxy.js b/modern/src/setupProxy.js index 71312d5..c16655c 100644 --- a/modern/src/setupProxy.js +++ b/modern/src/setupProxy.js @@ -1,6 +1,6 @@ const proxy = require('http-proxy-middleware'); -module.exports = function(app) { - app.use(proxy('/api/socket', { target: 'ws://localhost:8082', ws: true })); - app.use(proxy('/api', { target: 'http://localhost:8082' })); +module.exports = function (app) { + app.use(proxy('/api/socket', { target: 'ws://' + process.env.REACT_APP_URL_NAME, ws: true })); + app.use(proxy('/api', { target: 'http://' + process.env.REACT_APP_URL_NAME })); }; |