Compare commits
No commits in common. '2b4985cc351b3ccaa3a34cfa1aa94a89c508df47' and '14a7522a62cb15dc021080d78bd39e7b77ba9292' have entirely different histories.
2b4985cc35
...
14a7522a62
5 changed files with 4 additions and 189 deletions
@ -1,10 +0,0 @@ |
|||||||
export default { |
|
||||||
method: 'get', |
|
||||||
baseURL: 'http://localhost:8001', |
|
||||||
header: { |
|
||||||
'Content-Type': 'application/json;charset=UTF-8' |
|
||||||
}, |
|
||||||
timeout: 10000, |
|
||||||
withCredentials: true, |
|
||||||
responseType: 'json', |
|
||||||
} |
|
||||||
@ -1,109 +0,0 @@ |
|||||||
import axios from "axios"; |
|
||||||
import config from "@/request/config.js"; |
|
||||||
import router from "@/router/index.js"; |
|
||||||
import ElMessage from 'element-plus'; |
|
||||||
|
|
||||||
export default function request(options) { |
|
||||||
return new Promise((resolve, reject) => { |
|
||||||
const instance = axios.create({...config}); |
|
||||||
// 请求拦截器
|
|
||||||
instance.interceptors.request.use( |
|
||||||
(config) => { |
|
||||||
let token = localStorage.getItem('pm_token'); |
|
||||||
if (token) { |
|
||||||
config.headers.token = token; |
|
||||||
} else { |
|
||||||
router.push('/login') |
|
||||||
} |
|
||||||
}, |
|
||||||
(error) => { |
|
||||||
console.log("request:", error); |
|
||||||
if (error.code === "ECONNABORTED" && error.message.indexOf("timeout") !== -1) { |
|
||||||
ElMessage({message: "请求超时", type: "error", showClose: true}); |
|
||||||
} |
|
||||||
return Promise.reject(error) |
|
||||||
} |
|
||||||
); |
|
||||||
// 响应拦截器
|
|
||||||
instance.interceptors.response.use( |
|
||||||
(response) => { |
|
||||||
return response.data; |
|
||||||
}, |
|
||||||
(err) => { |
|
||||||
if (err && err.response) { |
|
||||||
switch (err.response.status) { |
|
||||||
case 400: |
|
||||||
err.message = "请求错误"; |
|
||||||
break |
|
||||||
case 401: |
|
||||||
err.message = "未授权"; |
|
||||||
break |
|
||||||
case 403: |
|
||||||
err.message = "拒绝访问"; |
|
||||||
break |
|
||||||
case 404: |
|
||||||
err.message = `请求地址出错：${err.response.config.url}`; |
|
||||||
break |
|
||||||
case 408: |
|
||||||
err.message = "请求超时"; |
|
||||||
break; |
|
||||||
case 500: |
|
||||||
err.message = "服务器内部错误"; |
|
||||||
break; |
|
||||||
case 501: |
|
||||||
err.message = "服务未实现"; |
|
||||||
break; |
|
||||||
case 502: |
|
||||||
err.message = "网关错误"; |
|
||||||
break; |
|
||||||
case 503: |
|
||||||
err.message = "服务不可用"; |
|
||||||
break; |
|
||||||
case 504: |
|
||||||
err.message = "网关超时"; |
|
||||||
break; |
|
||||||
case 505: |
|
||||||
err.message = "HTTP版本不受支持"; |
|
||||||
break; |
|
||||||
default: |
|
||||||
} |
|
||||||
} |
|
||||||
console.log(err); |
|
||||||
if (err.message) { |
|
||||||
ElMessage({message: err.message, type: 'error', showClose: true}); |
|
||||||
} |
|
||||||
return Promise.reject(err); |
|
||||||
} |
|
||||||
); |
|
||||||
//请求处理
|
|
||||||
instance(options).then( |
|
||||||
/** |
|
||||||
* response 统一格式 |
|
||||||
* { |
|
||||||
* code: 200, |
|
||||||
* msg: '消息[String]', |
|
||||||
* data: '返回数据[Any]' |
|
||||||
* } |
|
||||||
* code说明： |
|
||||||
* 200 成功 |
|
||||||
* -1 失败，可能网络不通，可能后台服务异常或其它异常 |
|
||||||
* -2 登录失效跳回登录 |
|
||||||
*/ |
|
||||||
(res) => { |
|
||||||
if (res.code === 200) { |
|
||||||
resolve(res); |
|
||||||
}else{ |
|
||||||
if (res.code === -2) { |
|
||||||
router.push("/login"); |
|
||||||
} |
|
||||||
ElMessage({message: res.msg || "操作失败", type: "error", showClose: true}); |
|
||||||
reject(res); |
|
||||||
} |
|
||||||
} |
|
||||||
).catch( |
|
||||||
(error) => { |
|
||||||
reject(error); |
|
||||||
} |
|
||||||
) |
|
||||||
}) |
|
||||||
} |
|
||||||
@ -1,19 +1,11 @@ |
|||||||
|
<script setup> |
||||||
|
|
||||||
|
</script> |
||||||
|
|
||||||
<template> |
<template> |
||||||
<h1>这是登录页面</h1> |
<h1>这是登录页面</h1> |
||||||
<el-button @click="testAxios">测试</el-button> |
|
||||||
</template> |
</template> |
||||||
|
|
||||||
<script setup> |
|
||||||
import axios from "axios"; |
|
||||||
function testAxios() { |
|
||||||
axios.get('http://home.rogersun.cn:8888').then(res=>{ |
|
||||||
alert(res.data); |
|
||||||
}).catch(error=>{ |
|
||||||
console.log(error); |
|
||||||
}) |
|
||||||
} |
|
||||||
</script> |
|
||||||
|
|
||||||
<style scoped> |
<style scoped> |
||||||
|
|
||||||
</style> |
</style> |
||||||
|
|||||||
Loading…
Reference in new issue