vue-cli 3 以上的项目使用 axios 请求本地 json 文件

最新推荐文章于 2024-03-28 10:07:08 发布

何必诗债换酒钱

最新推荐文章于 2024-03-28 10:07:08 发布

阅读量1.1k

点赞数 1

分类专栏： JavaScript web前端 Vue 文章标签： vue.js json 前端

本文链接：https://blog.csdn.net/u014395524/article/details/125706787

版权

vue-cli 版本：

在 vue-cli3 中，存放静态资源的位置已经变成存放在 public 文件夹中了（而不是像 vue cli2 一样需要放在static文件夹下）：

发起请求：

import $http from "../../api/request";
...
...

$http("http://localhost:8080/testData.json").then((res) => {
    console.log("testData=" + JSON.stringify(res, null, 2));
});

// requtest.ts
import axios from "axios";

// 创建一个 axios 实例
const $http = axios.create({
  baseURL: "http://localhost:3001/",
  timeout: 60000,
  // withCredentials: true,
  headers: {
    "content-Type": "application/json",
  },
});

// 添加请求拦截器
$http.interce