Vue.js 中如何通过 axios 获取 public 目录下的 JSON 文件

在 Vue.js 中，如果你将静态资源文件（如 JSON 文件）放在 'public' 目录下，它们会被直接复制到构建输出目录（如 'dist'）中，并可以通过相对路径来访问。

当你使用 'axios.get("/rights.json")' 来获取 JSON 文件时，'/' 表示根目录，即项目的基本URL，此时会请求到构建输出目录下的 '/rights.json' 文件。

因此，当你在其他组件中执行 'axios.get("/rights.json")' 时，可以直接访问到位于 'public' 目录下的 JSON 文件。这是因为静态资源在构建时被复制到了构建输出目录，并且可以通过根目录访问到。但需要确保文件路径和名称的正确性，以及确保在构建过程中将该文件正确复制到构建输出目录中。