如何在PublicRuntimeConfig中使用nuxt.config.js变量？

Question

在我的nuxt.config.js文件中，我创建了应用程序的多个部分需要的一些变量。我的主要目标是：

在本例中，我使用about.vue页面。链接的名称和url在nuxt.config文件中定义。创建一个将两个custom name存储为url of about的对象。我想将homepage.com/about的标准URL替换为homepage.com/custom。我应该从custom-about那里得到$config.ABOUT.URL。我尝试了两个$config.ABOUT.URL作为this.ABOUT.URL，但两者都无法工作。如何将在publicRuntimeConfig中创建的变量传递给同一nuxt.config.js文件中的路由器？

.env

ABOUT_NAME='Custom about'
ABOUT_URL='custom-about'

nuxt.config.js

publicRuntimeConfig: {
  PAGE_TITLE: process.env.PAGE_TITLE || "Company",

  ABOUT: {
    NAME: process.env.ABOUT_NAME || "About us",
    URL: process.env.ABOUT_URL || "/about"
  },
}
...
router: {
  extendRoutes: routesIn => {
    routesIn.forEach(r => {
      if (r.path.includes("/about")) {
      r.path = r.path.replace("/about","/" + this.ABOUT.URL);
    }
  }
},

Answer 1

在my comment中，If you need this variable for a Nuxt module有一个部分，但是我会编辑它，基本上添加... or anything at all in your nuxt.config.js file。

在这里，你应该用这个

r.path = r.path.replace("/about", "/", process.env.ABOUT_URL)