vue，react 如何配置请求服务器数据

第一步：先在  src  下创建

第二步：配置  Service.js  直接粘贴无需改动，参考代码如下：

import axios from "axios";
/**
 * @description: 发送网络请求
 * @param {object} config 一个配置对象
 * @return {*} 返回请求的结果
 */
export function request(config) {
    // 创建一个axios实例
    const instance = axios.create({
        // 配置请求的超时时间
        timeout: 5000,
        headers: {
            "pc-token": "4a82b23dbbf3b23fd8aa291076e660ec",
            "content-type": "application/x-www-form-urlencoded",
        },
    });
    //设置请求拦截器
    instance.interceptors.request.use(
        (config) => {
            // console.log('loading...')
            return config;
        },
        (err) => {
            console.log(err);
        }
    );
    //设置响应拦截器
    instance.interceptors.response.use(
        (response) => {
            return response.data; //拦截处理响应结果，直接返回需要的数据
        },
        (err) => {
            console.log(err);
        }
    );
    return instance(config);
}

第三步：配置 request.js 根据直接服务器对应参数进行适当的修改，多条请求，直接在该文件里一直往下写，参考代码如下：

import { request } from "./Service";

// 密码登录
export function passwordLogin({ phone, pass }) {
  let params = new URLSearchParams();
  params.append("phone", phone);
  params.append("pass", pass);
  return request({
    url: "/api/oldcar/userlgn",
    method: "post",
    data: params
  });
}

第四步：在需要的页面引入即可：

import { passwordLogin } from '../../api/request'

//需要的地方请求即可
passwordLogin({ phone: cell, pass: password }).then(res => {
                    console.log(res)
            }

看到这里是否对你有用，有不详细的地方请多多见谅，谢谢观看点赞呗