vue脚手架之axios安装

最新推荐文章于 2024-03-18 23:09:17 发布

原创

最新推荐文章于 2024-03-18 23:09:17 发布 · 2.8k 阅读

5 ·

CC 4.0 BY-SA版权

本文档介绍了在Vue项目中安装Axios并配置的步骤。首先通过npm安装Axios，然后在src目录下创建api文件夹，建立api/index.js文件来配置axios。最后，在需要使用axios的组件中导入并进行测试。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、npm install axios

2、在src新建api文件夹，新建api/index.js文件，用以配置axios

api/index.js 内容

import axios from 'axios';

let http = axios.create({
  baseURL: 'http://localhost:8080/',
  withCredentials: true,
  headers: {
    'Content-Type': 'application/x-www-form-urlencoded;charset=utf-8'
  },
  transformRequest: [function (data) {
    let newData = '';
    for (let k in data) {
      if (data.hasOwnProperty(k) === true) {
        newData += encodeURIComponent(k) + '=' + encodeURIComponent(data[k]) + '&';
      }
    }
    return newData;
  }]
});

function apiAxios(method, url, params, response) {
  http({
    method: method,
    url: url,
    data: method === 'POST' || method === 'PUT' ? p