Skip to content

S
sfp-program
Commit 754fee5b by Sweet Zhang
Options

拦截器

parent 5e891439
Showing with 248 additions and 106 deletions
api/api.ts
import request from "../util/requset"; import request from "../util/request";
import {baseURL,apiURL,sfpURL} from "../environments/environment";
export default {
// 保单单利复利计算
irrAndSimpleCalcute(params) {
return request(`${baseURL}/api/sfp/calcuteUtil/irrAndSimpleCalcute`, "POST", params)
},
// 密码登录
passwordLogin(params) {
return request("/platform/metadata/logon", "GET", params)
},
export saveEducationEstimate(data) { // 短信登录
return request({ noteLogin(params) {
url: 'calcuteUtil/saveEducationEstimate', return request("/platform/metadata/login", "GET", params)
method: 'post', },
data: data
}); // 获取验证码：用于短信登陆、密码找回、用户注销
} getAuthCode(params) {
\ No newline at end of file return request("/platform/metadata/sms", "GET", params)
},
// 获取注册账号验证码
getRegistAuthCode(params) {
return request("/platform/metadata/sms1", "GET", params)
},
// 登录者信息
getMyInfo(params) {
return request("/platform/metadata/bindinfo", "GET", params)
},
// 注册账号
registerAccount(params) {
return request("/platform/metadata/register", "GET", params)
},
// 找回密码
retrievePassword(params) {
return request("/platform/metadata/back", "GET", params)
},
// 注销账号
offAccount(params) {
return request("/platform/metadata/cancel", "GET", params)
},
}
common/iResponse.ts 0 → 100644
export interface IResponse<T = any> {
success: boolean
message: string
data: T
}
\ No newline at end of file
common/storage.ts 0 → 100644
class MinCache {
// 将数据存储在本地缓存中指定的 name 中
set (name, data) {
try {
uni.setStorageSync(name, data)
} catch (e) {
console.log(e)
}
}
// 从本地缓存中获取指定 name 对应的内容
get (name) {
let data
try {
data = uni.getStorageSync(name)
} catch (e) {
console.log(e)
}
return data
}
// 从本地缓存中移除指定 key
delete (name) {
try {
uni.removeStorageSync(name)
} catch (e) {
console.log(e)
}
}
// 返回一个布尔值，表示 name 是否在本地缓存之中
has (name) {
let value;
try {
const res = uni.getStorageInfoSync()
value = res.keys.includes(name)
} catch (e) {
console.log(e)
}
return value
}
// 清理本地数据缓存
clear () {
try {
uni.clearStorageSync()
} catch (e) {
console.log(e)
}
}
}
export default MinCache
\ No newline at end of file
environments/environment.ts
export const environment = { const env = 'dev';
production: false, const dev = {
BACKEND_URL_CONFIG_VALUE: 'https://mdev.zuihuibi.cn/api', base_url:'https://mdev.zuihuibi.cn',
SFP: 'https://mdev.zuihuibi.cn/api/sfp/', api_url:'https://mdev.zuihuibi.cn/api',
}; sfp_url:'https://mdev.zuihuibi.cn/api/sfp'
\ No newline at end of file }
const stage = {
base_url:'https://mstage.zuihuibi.cn',
api_url:'https://mstage.zuihuibi.cn/api',
sfp_url:'https://mstage.zuihuibi.cn/api/sfp'
}
const prod = {
base_url:'https://m.zuihuibi.cn',
api_url:'https://m.zuihuibi.cn/api',
sfp_url:'https://m.zuihuibi.cn/api/sfp'
}
const config = {
dev,
stage,
prod
}
let baseURL = config[env].base_url;
let apiURL = config[env].api_url;
let sfpURL = config[env].sfp_url;
export{
baseURL,
apiURL,
sfpURL
}
\ No newline at end of file
pages/index/index.vue
...@@ -11,7 +11,7 @@ ...@@ -11,7 +11,7 @@
<form @submit="formSubmit" @reset="formReset"> <form @submit="formSubmit" @reset="formReset">
<!-- 保单信息 --> <!-- 保单信息 -->
<view class="policyInfoContent"> <view class="policyInfoContent">
<view class="title">保单信息</view> <view class="title" @click="irrAndSimpleCalte()">保单信息</view>
<view class="inputItem"> <view class="inputItem">
<text>交费年限：</text> <text>交费年限：</text>
<view class="inputContent"> <view class="inputContent">
...@@ -155,6 +155,7 @@ ...@@ -155,6 +155,7 @@
</template> </template>
<script> <script>
import api from "../../api/api";
export default { export default {
data() { data() {
return { return {
...@@ -165,7 +166,6 @@ ...@@ -165,7 +166,6 @@
} }
}, },
onLoad() { onLoad() {
}, },
methods: { methods: {
switchTab(e){ switchTab(e){
...@@ -181,7 +181,36 @@ ...@@ -181,7 +181,36 @@
url: '/pages/dataImport/data-import' url: '/pages/dataImport/data-import'
}); });
} }
},
// 计算接口
irrAndSimpleCalte(){
console.log('...')
const params = {
"mobile": "17352689126",
"loginNo": "17352689126",
"wechat_unionid": "wx_17352689126",
"businessNo": "businessNo20220829000000001",
"calcuteMethod" : "2",
"businessType" : "1",
"calcuteType": "1",
"paymentPeriod": 5,
"annualPremium": 10000,
"decimal": 6,
"irrAndSimpleInfos": [
{
"nyear": 10,
"cashValue": 90000
},
{
"nyear": 15,
"cashValue": 99000
}
]
};
api.irrAndSimpleCalcute(params)
} }
} }
} }
</script> </script>
......
util/interceptor.ts 0 → 100644
import api from "../api/api";
// 白名单，不需要携带token就允许被访问的接口
const whiteApiList = ['/api/authorize/obtainToken']
export const interceptor = () => {
uni.addInterceptor('request', {
// 请求拦截器
invoke(args) {
console.log('请求拦截器',args);
// 加载loading
uni.showLoading({
title: '加载中...'
})
// 当本地没有token，并且接口地址没在白名单内，需要重新获取token
if (!uni.getStorageSync('uni-token') && !whiteApiList.includes(args.url)) {
uni.request({
url:'/api/authorize/obtainToken',
method:'POST',
data:{ticket: 'uni-app'},
success: (res) => {
if(res.statusCode===200){
uni.setStorageSync('uni-token',res.data['data']['token']);
window.location.href = window.location.href + '?' + 't_reload=' + new Date().getTime();
}
console.log(res)
}
})
uni.hideLoading()
return false
}
// request 触发前拼接 url
//设置请求头及token
args.header = {
'content-type': args.method === 'POST' ? 'application/json' : 'application/x-www-form-urlencoded',
'X-Authorization': uni.getStorageSync('uni-token')
}
console.log(args.header)
},
// 响应拦截器，可以对数据进行预处理
success(args) {
uni.hideLoading()
console.log(args);
},
fail(err) {
console.log('interceptor-fail', err)
console.log('请求失败')
uni.hideLoading()
},
complete(res) {
uni.hideLoading()
}
})
}
util/request.ts
import axios from 'axios'
import environment from '../environments/environment'
const API = environment.SFP;
// 创建axios实例 import {interceptor} from "./interceptor";
const service = axios.create({ // 全局请求封装
// baseURL: 'http://192.168.1.69:5000', export default (url, method, params) => {
baseURL: API, interceptor();
timeout: 80000, // 请求超时时间 return new Promise((resolve, reject) => {
withCredentials: true, uni.request({
// crossDomain: true url: url,
}) method: method,
data: {
...params
},
success(res) {
resolve(res.data);
},
fail(err) {
reject(err);
},
complete() {
uni.hideLoading();
}
});
});
};
// request拦截器
service.interceptors.request.use(
config => {
if (getToken()) {
config.headers['Authorization'] = getToken() // 让每个请求携带自定义token 请根据实际情况自行修改
}
var lang = localStorage.getItem('lang')//因为项目中使用到了i18n国际化语言配置，请根据实际情况自行修改
if (!lang) {
lang = 'zh_CN'
}
config.headers['Accept-Language'] = lang.replace(/_/g, '-')
config.headers['Content-Type'] = 'application/json'
return config
},
error => {
Promise.reject(error)
}
)
// response 拦截器
service.interceptors.response.use(
response => {
return response.data
},
error => {
// 兼容blob下载出错json提示
if (error.response.data instanceof Blob && error.response.data.type.toLowerCase().indexOf('json') !== -1) {
const reader = new FileReader()
reader.readAsText(error.response.data, 'utf-8')
reader.onload = function (e) {
const errorMsg = JSON.parse(reader.result).message
Notification.error({
title: errorMsg,
duration: 5000
})
}
} else {
let code = 0
try {
code = error.response.data.status
} catch (e) {
if (error.toString().indexOf('Error: timeout') !== -1) {
Notification.error({
title: '网络请求超时',
duration: 5000
})
return Promise.reject(error)
}
}
if (code) {
if (code === 401) {
store.dispatch('LogOut').then(() => {
// 用户登录界面提示
Cookies.set('point', 401)
location.reload()
})
} else if (code === 403) {
router.push({ path: '/401' })
} else {
const errorMsg = error.response.data.message
if (errorMsg !== undefined) {
Notification.error({
title: errorMsg,
duration: 0
})
}
}
} else {
Notification.error({
title: '接口请求失败',
duration: 5000
})
}
}
return Promise.reject(error)
}
)
export default service
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment