码迷,mamicode.com
首页 > 移动开发 > 详细

vue-axios设置公共的请求ip

时间:2020-03-27 12:37:36      阅读:475      评论:0      收藏:0      [点我收藏+]

标签:port   str   bsp   ret   inter   src   baseurl   har   url   

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

vue-axios设置公共的请求ip

标签:port   str   bsp   ret   inter   src   baseurl   har   url   

原文地址:https://www.cnblogs.com/wd163/p/12580427.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!