简单封装axios统一管理后台地址

src下面新建一个utils文件夹，里面新建一个request.js文件
request.js：

import axios from 'axios'

// 创建axios对象
const service = axios.create({
  baseURL: http//:192.168.5.220:8080, // 请求接口的域名
  timeout: 8081 // 请求的超时
})


// 添加响应拦截器
service.interceptors.response.use(
  response => {
    return response.data
  },
  error => {
    Promise.reject(error)
  }
)

export default service

src下面新建一个api文件夹，里面新建一个text.js文件
text.js：

import request from '../utils/request'
//引入刚才文件
//下面是接口内容
//不传参数用法
export function seePlate() {
    return request({
      url:'/seePlate/inOutTopMaterial',
      method:'post',
    })
  }
//传参数用法
 export function seePlate(plan){
     return request({
        url:'/seePlate/inOutTopMaterial'+plan,
      method:'post',
    })
  }

B页面使用

import {seePlate} from'../../api/text'

B页面js使用

//不传参数用法
 seePlate().then((res) => {
      console.log(res)
    });
 //传参数用法
 seePlate(‘需要传的参数’).then((res) => {
      console.log(res)
    });