综合开发

vue-axios设置公共的请求ip

微信扫一扫,分享到朋友圈

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

vue-axios设置公共的请求ip

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

Why are the return values ​​of the form null in the MVC proje...

上一篇

微信小程序开发-地图map组件上使用input组件

下一篇

你也可能喜欢

评论已经被关闭。

插入图片

热门栏目

vue-axios设置公共的请求ip

长按储存图像,分享给朋友