https://api-hmugo-web.itheima.net/api/public/v1/categories
angular
service服务
import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';
@Injectable({
providedIn: 'root',
})
export class ItemService {
constructor(
public http: HttpClient
) {
}
getHttp(params:any) {
return this.http.get(`url`,{params:params});
};
postHttp(params: any) {
return this.http.post(`url`,params);
};
ts
import {ItemService } from './services/item.service';
constructor(private http: ItemService ) {}
method(){
let params=''
this.http.getHttp(params).subscribe((res: any) => {
console.log(res.data)
});
}
vue
http
import axios from "axios";
import QS from 'qs';
axios.defaults.baseURL = 'url'
axios.defaults.timeout = 10000;
axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded;charset=UTF-8';
export function $get(url, params){
return new Promise((resolve) =>{
axios.get(url, {
params: params
}).then(res => {
resolve(res.data);
})
});}
export function $post(url, params) {
return new Promise((resolve) => {
axios.post(url, QS.stringify(params))
.then(res => {
resolve(res.data);
})
});
}
js
import {$get,$post} from './http'
methods:{
getHttp(e){
$get('url').then((res)=>{
c onsole.log(res);
})
}
}