在 Vue 项目中使用 AXIOS 访问 localhost答案

【问题标题】：Accessing to localhost with AXIOS in Vue project在 Vue 项目中使用 AXIOS 访问 localhost
【发布时间】：2022-01-11 23:05:40
【问题描述】：

如何使用 Vue 项目在本地访问我的 JSON 文件？

我可以将它与一些外部链接一起使用（并且有效）：

mounted() {
    this.loading = true;
    axios.get("https://jsonplaceholder.typicode.com/todos").then((res) => {
      this.posts = res.data;
      this.loading = false;
      this.sliceIt();
});

但我想暂时把这个文件（todos.json）放到 src/assets/todos.json 并从那里使用它。

但是这个： axios.get("http://localhost/assets/todos.json").then((res) => { 不工作。

【问题讨论】：

标签： json vue.js axios

【解决方案1】：

您无法使用 axios 从自定义文件夹中获取数据。您应该使用静态文件夹来保存 todos.json 文件。所以你应该把 axios 调用改成这样：

axios.get("/static/todos.json")

【讨论】：

谢谢！这行得通！这会在运行构建后工作吗？
不客气，可能是的。