/course-api是配置的代理

在src資料夾下建立一個資料夾，再在資料夾下建立一個js檔案對http請求封裝

// 對http請求進行封裝
import axios from 'axios'

// 使用自定義的配置檔案傳送請求
const instance = axios.create({
    baseURL: '',
    timeout: 5000,
    headers: {
    }
});
// 新增請求攔截器
instance.interceptors.request.use(function (config) {
    // 在傳送請求之前做些什麼
    return config;
  }, 
 
function (error) {
    // 對請求錯誤做些什麼
    return Promise.reject(error);
  });

// 新增響應攔截器
instance.interceptors.response.use(function (response) {
    instance// 對響應資料做點什麼
    if(response.status === 200){
        return response.data;
    }else{
        console.error("請求錯誤")
        console.error(response)
    }
    
 
return response;
  }, function (error) {
    // 對響應錯誤做點什麼
    return Promise.reject(error);
  });

  export default instance

在再同一資料夾下再新建一個js檔案

寫上封裝的請求

import http from "./http"
//定義方法  統一管理請求

 //獲取課程列表
  function courseList(type,pageNum,pageSize) {
     let urlParams = new URLSearchParams()
     urlParams.append(
 
"type",type)
     urlParams.append("pageNum",pageNum)
     urlParams.append("pageSize",pageSize)

     return http.post("/course-api/weChat/applet/course/list/type",urlParams)
 }

export {courseList,login}

 //登入
  function login(username,password) {
     let urlParams = new URLSearchParams()
     urlParams.append("username",username)
     urlParams.append("password",password)
     urlParams.append("rememberMe",true)

     return http.post("/course-api/pcUser/login",urlParams)
 }

 //獲取個人資訊
 export function getUserInfo() {
     return http.get("/course-api/pcUser/login-user/info")
 }

// 修改頭像
export function changeAvatar(file) {
    let form = new FormData()
    form.append("file",file)

    return http.post("/course-api/pcUser/updata/userAvatar",form)

}