使用axios.get从静态目录加载json文件

在我的vue.js应用程序中，我一直在加载我在nuxt.config.js中配置为baseURL的API中的所有数据。 现在我想加载一个静态json文件，它不是来自那个API。该文件将根据用户交互包括要加载的文件的其他名称。 为了保持代码的一致性，我希望使用axios.get以与API调用相同的方式加载静态数据。 到目前为止，我还没有做到这一点

我将json文件放在我的静态目录中，并尝试访问以下文件：

const { data } = await axios.get(
        '_nuxt/static/json/staticData.json',
        { baseURL: window.location.origin }
      )

const { data } = await axios.get(
        '/json/staticData.json',
        { baseURL: window.location.origin }
      ) 

我可以从静态目录访问其他静态文件，如图像，但json文件会生成404错误。

---

我应该选择另一个目录还是尝试一种完全不同的方法？

我包括了路径段“\u numxt/static/”，因为我检查的渲染图像文件的URL也在其中。原来这不是我的Axios调用的正确URL。代码应该这样编写：

const { data } = await axios.get(
        '_nuxt/static/json/staticData.json',
        { baseURL: window.location.origin }
      )

const { data } = await axios.get(
        '/json/staticData.json',
        { baseURL: window.location.origin }
      ) 

---

我包含了路径段“\u numxt/static/”，因为我检查的渲染图像文件的URL也包含在其中。原来这不是我的Axios调用的正确URL。代码应该这样编写：

const { data } = await axios.get(
        '_nuxt/static/json/staticData.json',
        { baseURL: window.location.origin }
      )

const { data } = await axios.get(
        '/json/staticData.json',
        { baseURL: window.location.origin }
      )