nuxt/website-v2

Doc examples on how to access publicRuntimeConfig from different places

开放

#1,535 创建于 2021年7月14日

 (0 条评论) (0 个反应) (0 位负责人)Vue (1,135 个派生)github user discovery
docshelp wanted

仓库指标

星标
 (2,241 个星标)
PR 合并指标
 (30 天内没有已合并 PR)

描述

Is it possible to add examples on how to access publicRuntimeConfig values from the store or JS helper classes? I only found mentions that this is possible but no code examples on how to do this.

What i'm trying to do is to have a helper JS class for logging to application insights, and read the appInsightsInstrumentationKey from publicRuntimeConfig. Then I can just import it and have access to the logger, something like this.

nuxt.config.js

publicRuntimeConfig: {
    appInsightsInstrumentationKey : process.env.APP_INSIGHTS
  },

helper/logger.js

const client = new ApplicationInsights({
  config: {
    // instrumentationKey: process.env.APP_INSIGHTS, doesn't work
    // instrumentationKey: this.$config.appInsightsInstrumentationKey doesn't work
    // instrumentationKey: this.$context.appInsightsInstrumentationKey doesn't work
  }
});
client.loadAppInsights();

exports.info = async function (message, props) {
    client.trackTrace({ message: message, severity: SeverityLevel.Information });
}

home.vue

<script>
     const logger = require("../helper/logger");
      methods: {
            someAction(ev) {
                logger.info("action executed");
            }
      }
</script>

Also any help on how to do this will be welcomed, thanks!

贡献者指南