第一步先安装 npm install --save axios
在 以下代码复制到main.js
import { apiGet, apiPost } from "./api/api";
Vue.prototype.$apiGet = apiGet;
Vue.prototype.$apiPost = apiPost;
第二步在myobj下创一个文件夹叫api,在api里创2个文件分别叫
api.js文件
import axios from 'axios'
axios.defaults.timeout = 30000
axios.defaults.baseURL = '' //接口
axios.interceptors.request.use(
config => {
return config
},
error => {
return Promise.reject(error)
}
)
axios.interceptors.response.use(
response => {
if (response.status == 200) {
return response
}
},
error => {
return Promise.reject(error)
}
)
export function apiGet(url) {
return new Promise((resolve, reject) => {
axios({
method: 'get',
url
}).then(
value => {
resolve(value.data)
},
reason => {
reject(reason)
}
)
})
}
export function apiPost(url, data) {
return new Promise((resolve, reject) => {
axios({
method: 'post',
url,
data
}).then(
value => {
resolve(value.data)
},
reason => {
reject(reason)
}
)
})
}
http.js
import { apiGet, apiPost } from './api
export function addSystemRole(data) {
return apiPost('http://47.94.4.201/index.php/index/index/register', data)
}
export function addSystemRhhole(data) {
return apiPost('http://47.94.4.201/index.php/index/index/login', data)
}
export function getCode() {
return apiGet('http://47.94.4.201/index.php/index/index/getcode')
}
第三步: