vue-axios设置公共的请求ip

Posted 2021-03-03 红叶都枫了163

1.安装axios，网上找方法

2.src->network->request.js并复制：

import axios from ‘axios‘

export function request(config) {

  const instance = axios.create({

    baseURL: "http://xxx.xxx.xxx.xxx:8085/api",

  })

  instance.interceptors.request.use(config => {

    if(config.method === "post"){

      config.data = JSON.stringify(config.data)

    } 

    return config

  },error => {

    console.log(error)

  })

  instance.interceptors.response.use(res =>{

    return res.data

  },error => {

    console.log(error)

  })

  return instance(config)

}

3.使用：src->network->register.js并复制：

import {request} from "./request";

export function register(mobile,password) {

  return request({

    url:‘api/register‘,

    params:{

      mobile,

      password

    },

    method:‘Post‘,

    headers: { ‘Accept‘: ‘application/json‘, ‘Content-Type‘: ‘application/x-www-form-urlencoded‘},

  })

}

=====================

键值对参数：

export function logout(){

  var user = JSON.parse(localStorage.getItem(‘user‘))

    return request({

     url:‘/api/logout‘,

     data:{

      "userId":user.user.userId,

      },

     method:‘Post‘,

     headers:{

        ‘post‘:{‘Content-Type‘: ‘application/json;charset=UTF-8‘},

        ‘token‘:user.token

      }

   })

}

在使用页面：

import {register} from ‘../network/register‘

 

registerBtn(){

   register(this.mobile,this.password).then(res=>{

          console.log(res)

    })

}