Getting API URL from .env file

avinmaster · Dec 22, 2021 · 5df4bf8 · 5df4bf8
1 parent b4d1c63
commit 5df4bf8
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 2 deletions.
diff --git a/.env.example b/.env.example
@@ -0,0 +1 @@
+VUE_APP_API_URL=
diff --git a/.gitignore b/.gitignore
@@ -6,6 +6,7 @@ node_modules
 # local env files
 .env.local
 .env.*.local
+.env
 
 # Log files
 npm-debug.log*

diff --git a/README.md b/README.md
@@ -4,7 +4,10 @@
 ```
 yarn install
 ```
-
+Then, create a new `.env` file and specify the address for your API there. For example:
+```
+VUE_APP_API_URL=house-search.com/api
+```
 ### Compiles and hot-reloads for development
 ```
 yarn serve

diff --git a/src/App.vue b/src/App.vue
@@ -68,7 +68,7 @@ export default {
     submit() {
       this.loading = true;
       axios
-        .post(`http://house-search.com/api/v1.0.0/search`, {
+        .post(`http://${process.env.VUE_APP_API_URL}/v1.0.0/search`, {
           name: this.name,
           minPrice: this.minPrice,
           maxPrice: this.maxPrice,