# 接口文档

# 接口封装

# api 封装

import request from '@/utils/request'

查询 params

export function fetchList(params) {
 return request({
   url:'/singleProject/mx/list',
   method:'get',
   params:params
 })
}

删除 id + params

export function deleteHomeAdvertise(id,params) {
 return request({
   url:'/singleProject/mx/delete/'+id,
   method:'post',
   // data:data
   params:params
 })
}

添加 json

export function createHomeAdvertise(data) {
 return request({
   url:'/singleProject/mx/add/',
   method:'post',
   params:data
 })
}

修改 id + json

export function updateStatus(id,data) {
 return request({
   url:'/singleProject/mx/update/'+id,
   method:'post',
   data:data
 })
}

# request 封装

import axios from 'axios'
import { Message, MessageBox } from 'element-ui'
import store from '../store'
import { getToken } from '@/utils/auth'

// 创建axios实例
const service = axios.create({
  baseURL: process.env.BASE_API, // api的base_url
  timeout: 15000 // 请求超时时间
})

// request拦截器
service.interceptors.request.use(config => {
  if (store.getters.token) {
    config.headers['Authorization'] = getToken() // 让每个请求携带自定义token 请根据实际情况自行修改
  }
  return config
}, error => {
  // Do something with request error
  console.log(error) // for debug
  Promise.reject(error)
})

// respone拦截器
service.interceptors.response.use(
  response => {
  /**
  * code为非200是抛错 可结合自己业务进行修改
  */
    const res = response.data
    res.code = parseInt(res.code);
    if (res.code == 200) {
    
        return response.data
	  
    } else {
		
	   Message({
	    message: res.message,
	    type: 'error',
	    duration: 3 * 1000
	  })
	  
	  // 401:未登录;
	  if (res.code === 401) {
	     //未登录操作
	  }
	  
	  //不为200操作
	  return Promise.reject('error')
	  
    }
	
  },
  error => {
    console.log('err' + error)// for debug
    Message({
      message: error.message,
      type: 'error',
      duration: 3 * 1000
    })
    return Promise.reject(error)
  }
)

export default service

# Cookies 封装

import Cookies from 'js-cookie'

const TokenKey = 'loginToken'

export function getToken() {
  return Cookies.get(TokenKey)
}

export function setToken(token) {
  return Cookies.set(TokenKey, token)
}

export function removeToken() {
  return Cookies.remove(TokenKey)
}

export function setSJID(id) {
  return Cookies.set('SJID', id)
}

export function getSJID() {
  return Cookies.get('SJID')

# 查询接口 form-data

export function fetchList(params) {
  return request({
    url:'/singleProject/mx/list',
    method:'get',
    params:params
  })
}

import {fetchList} from '@/api/myapi/modeAdmin';

const defaultListQuery = {
    pageNum: 1,
    pageSize: 5,
    mxMc: null,
    mxLx: null,
};

data:{
    listQuery: Object.assign({}, defaultListQuery),
}

    
gitList(){
     this.listLoading = true;
     fetchList(this.listQuery).then(response => {
         this.listLoading = false;
         this.list = response.data.list;
         this.total = response.data.total;
     })
 }

# 删除接口

export function deleteHomeAdvertise(id,params) {
  return request({
    url:'/singleProject/mx/delete/'+id,
    method:'post',
    // data:data
    params:params
  })
}

<el-button @click="handleDelete(scope.row.mxId)">删除 </el-button>

import {fetchList,deleteHomeAdvertise} from '@/api/myapi/modeAdmin';

handleDelete(id) {
  deleteHomeAdvertise(id);
},

# 添加接口 form-data

export function createHomeAdvertise(params) {
  return request({
    url:'/singleProject/mx/add/',
    method:'post',
    params:params
  })
}

import {createHomeAdvertise} from '@/api/myapi/modeAdmin';

const params = new URLSearchParams()
params.append('mxMc',this.list.mxMc)
params.append('mxWjlj',this.list.mxWjlj)
params.append('mxScsj',this.list.mxScsj)
params.append('mxLx',this.list.mxLx)
params.append('sqId',this.list.sqId)
createHomeAdvertise(params).then(res=>{
    this.$router.push({path:'/tdm/modelAdmin'})
})

# 修改接口 josn

export function updateStatus(id,data) {
  return request({
    url:'/singleProject/mx/update/'+id,
    method:'post',
    data:data
  })
}

import {updateStatus} from '@/api/myapi/modeAdmin'; 
const list = {
     mxMc:this.list.mxMc,
     mxWjlj:this.list.mxWjlj,
     mxScsj:this.list.mxScsj,
     mxLx:this.list.mxLx,
     sqId:this.list.sqId
 }
 updateStatus(id,list).then(res=>{
     this.$router.push({path:'/tdm/modelAdmin'})
 })

← MockJS vue框架 →