From cba84539b7fb1e0d8b22180b3ab3fd58198cb360 Mon Sep 17 00:00:00 2001
From: David Mendez <dmendez@ebi.ac.uk>
Date: Tue, 9 Mar 2021 11:32:59 -0500
Subject: [PATCH] Add dotenv and set es proxy base url
---
nuxt.config.js | 7 +++++
package-lock.json | 8 ++++++
package.json | 1 +
pages/index.vue | 72 +++++------------------------------------------
4 files changed, 23 insertions(+), 65 deletions(-)
diff --git a/nuxt.config.js b/nuxt.config.js
index e13d099..13cae7d 100644
--- a/nuxt.config.js
+++ b/nuxt.config.js
@@ -1,4 +1,5 @@
import colors from 'vuetify/es5/util/colors'
+require('dotenv').config({ path: process.env.ENV_FILE_PATH })
export default {
// Global page headers: https://go.nuxtjs.dev/config-head
@@ -16,6 +17,12 @@ export default {
link: [{ rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }],
},
+ env: {
+ esProxyBaseUrl:
+ process.env.ES_PROXY_BASE_URL ||
+ 'https://wwwdev.ebi.ac.uk/chembl/interface_api/es_proxy',
+ },
+
// Global CSS: https://go.nuxtjs.dev/config-css
css: [],
diff --git a/package-lock.json b/package-lock.json
index e0f107e..4ea0191 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -15418,6 +15418,7 @@
"version": "2.3.2",
"resolved": "https://registry.npmjs.org/braces/-/braces-2.3.2.tgz",
"integrity": "sha512-aNdbnj9P8PjdXU4ybaWLK2IF3jc/EoDYbC7AazW6to3TRsfXxscC9UXOB5iDiEQrkyIbWp2SLQda4+QAa7nc3w==",
+ "optional": true,
"requires": {
"arr-flatten": "^1.1.0",
"array-unique": "^0.3.2",
@@ -15435,6 +15436,7 @@
"version": "2.0.1",
"resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
"integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=",
+ "optional": true,
"requires": {
"is-extendable": "^0.1.0"
}
@@ -15465,6 +15467,7 @@
"version": "4.0.0",
"resolved": "https://registry.npmjs.org/fill-range/-/fill-range-4.0.0.tgz",
"integrity": "sha1-1USBHUKPmOsGpj3EAtJAPDKMOPc=",
+ "optional": true,
"requires": {
"extend-shallow": "^2.0.1",
"is-number": "^3.0.0",
@@ -15476,6 +15479,7 @@
"version": "2.0.1",
"resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
"integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=",
+ "optional": true,
"requires": {
"is-extendable": "^0.1.0"
}
@@ -15526,6 +15530,7 @@
"version": "3.0.0",
"resolved": "https://registry.npmjs.org/is-number/-/is-number-3.0.0.tgz",
"integrity": "sha1-JP1iAaR4LPUFYcgQJ2r8fRLXEZU=",
+ "optional": true,
"requires": {
"kind-of": "^3.0.2"
},
@@ -15534,6 +15539,7 @@
"version": "3.2.2",
"resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
"integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=",
+ "optional": true,
"requires": {
"is-buffer": "^1.1.5"
}
@@ -15544,6 +15550,7 @@
"version": "3.1.10",
"resolved": "https://registry.npmjs.org/micromatch/-/micromatch-3.1.10.tgz",
"integrity": "sha512-MWikgl9n9M3w+bpsY3He8L+w9eF9338xRl8IAO5viDizwSzziFEyUzo2xrrloB64ADbTf8uA8vRqqttDTOmccg==",
+ "optional": true,
"requires": {
"arr-diff": "^4.0.0",
"array-unique": "^0.3.2",
@@ -15599,6 +15606,7 @@
"version": "2.1.1",
"resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-2.1.1.tgz",
"integrity": "sha1-fIDBe53+vlmeJzZ+DU3VWQFB2zg=",
+ "optional": true,
"requires": {
"is-number": "^3.0.0",
"repeat-string": "^1.6.1"
diff --git a/package.json b/package.json
index 9a9b4cf..87bb02d 100644
--- a/package.json
+++ b/package.json
@@ -14,6 +14,7 @@
"dependencies": {
"@nuxtjs/axios": "^5.12.5",
"core-js": "^3.8.3",
+ "dotenv": "^8.2.0",
"nuxt": "^2.14.12"
},
"devDependencies": {
diff --git a/pages/index.vue b/pages/index.vue
index 4bb8197..d9461ce 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -7,74 +7,11 @@
</div>
<v-card>
<v-card-title class="headline">
- Welcome to the Vuetify + Nuxt.js template
+ This is the EUbOPEN website!
</v-card-title>
<v-card-text>
- <p>
- Vuetify is a progressive Material Design component framework for
- Vue.js. It was designed to empower developers to create amazing
- applications.
- </p>
- <p>
- For more information on Vuetify, check out the
- <a
- href="https://vuetifyjs.com"
- target="_blank"
- rel="noopener noreferrer"
- >
- documentation </a
- >.
- </p>
- <p>
- If you have questions, please join the official
- <a
- href="https://chat.vuetifyjs.com/"
- target="_blank"
- rel="noopener noreferrer"
- title="chat"
- >
- discord </a
- >.
- </p>
- <p>
- Find a bug? Report it on the github
- <a
- href="https://github.com/vuetifyjs/vuetify/issues"
- target="_blank"
- rel="noopener noreferrer"
- title="contribute"
- >
- issue board </a
- >.
- </p>
- <p>
- Thank you for developing with Vuetify and I look forward to bringing
- more exciting features in the future.
- </p>
- <div class="text-xs-right">
- <em><small>— John Leider</small></em>
- </div>
- <hr class="my-3" />
- <a
- href="https://nuxtjs.org/"
- target="_blank"
- rel="noopener noreferrer"
- >
- Nuxt Documentation
- </a>
- <br />
- <a
- href="https://github.com/nuxt/nuxt.js"
- target="_blank"
- rel="noopener noreferrer"
- >
- Nuxt GitHub
- </a>
+ This is the ES Proxy base URL: {{ esProxyBaseUrl }}
</v-card-text>
- <v-card-actions>
- <v-spacer />
- <v-btn color="primary" nuxt to="/inspire"> Continue </v-btn>
- </v-card-actions>
</v-card>
</v-col>
</v-row>
@@ -89,5 +26,10 @@ export default {
Logo,
VuetifyLogo,
},
+ computed: {
+ esProxyBaseUrl() {
+ return process.env.esProxyBaseUrl
+ },
+ },
}
</script>
--
GitLab