仅在测试环境(开发)中禁用vuejs上的密钥斗篷

Question

我在VueJS项目上有，这个配置：

let initOptions = {
url: 'http://localhost:81/auth', realm: 'cmt', clientId: 'cmt_api', onLoad: 'login-required'
}
let keycloak = Keycloak(initOptions)
const routes = [
{ path: '/', name: 'MyFirstRoute', component: MyFirstRoute },
{ path: '/SecondWindow', name: 'SecondWindow', component: SecondWindow },
{ path: '/ThirdWindow', name: 'ThirdWindow', component: ThirdWindow },
{ path: '*', redirect: '/', },
]
const router = new VueRouter({
mode: 'history',
routes
})
const app = new Vue({vuetify,router,i18n,render: h => h(App)}).$mount('#app')
keycloak.init({ onLoad: initOptions.onLoad }).then(
(auth) => {
if (!auth) {
window.location.reload();
} else {
// Vue.$log.info("Authenticated");
app
}
}
)

我想将此配置用于生产、验收和Docker测试，但仅用于开发测试，我不希望使用keycloft。不幸的是，我找不到一些回应。我在环境变量VUE_APP_dev=true中创建(用于dev(布尔值。

有人能帮我完成代码以允许在不更改代码的情况下连接到应用程序(没有密钥斗篷(吗(在main.js中注释密钥斗篷引用(

Answer 1

您可以使用process.env.NODE_ENV，当在生产上运行时，它将等于'production'，当在dev-env上运行时等于'development'，因此您可以使用以下代码：

if (process.env.NODE_ENV === 'production') {
let keycloak = Keycloak(initOptions);
keycloak.init({ onLoad: initOptions.onLoad }).then((auth) => {
if (!auth) {
window.location.reload();
} else {
// Vue.$log.info("Authenticated");
app
}
})
}