axios模块化

安装

npm install axios

utils/https.js

import axios from "axios"; //导入axios


export const instance = axios.create({//创建axios实例,并抛出
  baseURL: "http://127.0.0.1:7001",//后端地址
  timeout: 5000,
});

instance.interceptors.request.use((config) => {//请求拦截
  return config;
});

instance.interceptors.response.use(//响应拦截
  response => {
    return response;
  },
  error => {
    throw error
  }
);

api/xxx.js

import { instance } from "@/utils/https";

export const login = function (data) {//api方法
  return instance({
    url: '/',//接口地址
    method: 'post',//请求方式
    data: {//数据
     
    },
  })
};

跨域 vue.config.js

module.exports = {
  devServer: {
    proxy: {
      "/api": {
        target: "http://localhost:3300", //后端接口地址
        changeOrigin: true, //是否允许跨越
        pathRewrite: {
          "^/api": "", //重写,
        },
      },
    },
  },
};