小编Wal*_*riq的帖子

Nuxt3 的站点地图生成

我面临一些问题。我想实现站点地图生成,并且我使用@nuxtjs/sitemap来生成站点地图,但似乎这个包目前不支持 nuxt3,并且在互联网上没有找到解决方案,有谁知道如何为 Nuxt3 应用程序实现站点地图。

javascript vue.js nuxtjs3

7
推荐指数
1
解决办法
6827
查看次数

Nuxt3 - Pinia 商店中无法访问环境变量

我有一个问题。我实际上正在尝试BASE_URL通过 nuxt 从 Pinia 商店中的 env进行访问runtimeConfig,它给出了错误500 nuxt 实例不可用

这是错误图像

在此输入图像描述

我想指出的一件事是,当我硬编码时BASE_URL它工作正常,但是当我尝试从环境变量访问时BASE_URL它会出现错误。

这是我的代码

皮尼亚店

// Pinia Store for Home Page
import { useRuntimeConfig } from '#app'

const BASE_URL = useRuntimeConfig().public.api_url

export const useHomeStore = defineStore('home-store', {
  state: () => ({
    homePageData: {}
  }),

  actions: {
    async getHomePageData() {
      this.homePageData = await $fetch(`${BASE_URL}/products`)
    }
  }
})
Run Code Online (Sandbox Code Playgroud)

努克斯配置

// https://v3.nuxtjs.org/api/configuration/nuxt.config
export default defineNuxtConfig({
  runtimeConfig: {
    public: {
      api_url: process.env.BASE_URL
    }
  }
})
Run Code Online (Sandbox Code Playgroud)

javascript runtime-error vue.js nuxtjs3

3
推荐指数
1
解决办法
2313
查看次数

标签 统计

javascript ×2

nuxtjs3 ×2

vue.js ×2

runtime-error ×1