vue-axios设置公共的请求ip


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)
    })
}
 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM