243 lines
7.1 KiB
JavaScript
243 lines
7.1 KiB
JavaScript
import axios from 'axios'
|
||
import {baseUrl, dataSources} from './env';
|
||
import datas from '../data/data';
|
||
import { getAccessToken } from '../utils/cache.js';
|
||
import { Dialog } from 'vant';
|
||
|
||
const serviceRouter = function(requestUrl) {
|
||
function getConfig() {
|
||
const configDev = {
|
||
'/order-api': {
|
||
prefix: '/order-api',
|
||
target: 'http://127.0.0.1:18088/order-api',
|
||
},
|
||
'/user-api': {
|
||
prefix: '/user-api',
|
||
target: 'http://127.0.0.1:18082/user-api',
|
||
},
|
||
'/product-api': {
|
||
prefix: '/product-api',
|
||
target: 'http://127.0.0.1:18081/product-api',
|
||
},
|
||
'/promotion-api': {
|
||
prefix: '/promotion-api',
|
||
target: 'http://127.0.0.1:18085//promotion-api',
|
||
},
|
||
'/pay-api': {
|
||
prefix: '/pay-api',
|
||
target: 'http://127.0.0.1:18084//promotion-api',
|
||
},
|
||
};
|
||
|
||
const configProd = {
|
||
'/order-api': {
|
||
prefix: '/order-api',
|
||
target: 'http://api.shop.iocoder.cn:18088/order-api',
|
||
},
|
||
'/user-api': {
|
||
prefix: '/user-api',
|
||
target: 'http://api.shop.iocoder.cn:18099/user-api',
|
||
},
|
||
'/product-api': {
|
||
prefix: '/product-api',
|
||
target: 'http://api.shop.iocoder.cn:18099/product-api',
|
||
},
|
||
'/promotion-api': {
|
||
prefix: '/promotion-api',
|
||
target: 'http://api.shop.iocoder.cn:18099/promotion-api',
|
||
},
|
||
'/pay-api': {
|
||
prefix: '/pay-api',
|
||
target: 'http://api.shop.iocoder.cn:18099/promotion-api',
|
||
},
|
||
};
|
||
|
||
if (process.env.NODE_ENV == 'development') {
|
||
return configDev;
|
||
} else {
|
||
return configProd
|
||
}
|
||
}
|
||
|
||
// function doCreateServer(config) {
|
||
// // 获取请求配置文件
|
||
// const createServer = {};
|
||
// for (const configKey in config) {
|
||
// const serverPrefix = configKey;
|
||
// const {target} = config[configKey];
|
||
// // 创建服务
|
||
// createServer[serverPrefix] = axios.create({
|
||
// baseURL: target, // api 的 base_url
|
||
// timeout: 5000, // request timeout
|
||
// headers: {
|
||
// 'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'
|
||
// }
|
||
// });
|
||
// }
|
||
// }
|
||
|
||
const config = getConfig();
|
||
// const createServer = doCreateServer(config);
|
||
const indexOf = requestUrl.indexOf("/", 1);
|
||
const _urlPrefix = requestUrl.substring(0, indexOf);
|
||
if (!config[_urlPrefix]) {
|
||
// throw new Error(`服务路由，未找到可用服务! ${requestUrl}`);
|
||
console.error(`服务路由，未找到可用服务! ${requestUrl}`)
|
||
return ''
|
||
}
|
||
// if (!createServer[_urlPrefix]) {
|
||
// throw new Error("服务路由，未找到可用服务!");
|
||
// }
|
||
|
||
// const { target } = config[_urlPrefix];
|
||
// const requestServer = createServer[_urlPrefix];
|
||
// const targetRequestUrl = _requestUrl.replace(_urlPrefix, target)
|
||
// return createServer;
|
||
return config[_urlPrefix];
|
||
};
|
||
|
||
const service = axios.create({
|
||
// baseURL: baseUrl, // api 的 base_url
|
||
timeout: 5000, // request timeout
|
||
headers: {
|
||
'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'
|
||
}
|
||
});
|
||
|
||
const servicef = function (parameter) {
|
||
// debugger;
|
||
if (dataSources == 'local') {
|
||
//定义回调函数和axios一致
|
||
const promist = new Promise(function (resolve, reject) {
|
||
var data = datas[parameter.url];
|
||
if (typeof data == 'string') {
|
||
data = JSON.parse(data);
|
||
}
|
||
resolve(data);
|
||
});
|
||
return promist;
|
||
}
|
||
// 设置 access token
|
||
// debugger;
|
||
// if (getAccessToken()) {
|
||
// parameter.headers = {
|
||
// ...parameter.headers,
|
||
// 'Authorization': `Bearer ${getAccessToken()}`,
|
||
// };
|
||
// }
|
||
// debugger;
|
||
|
||
return service(parameter);
|
||
};
|
||
|
||
|
||
service.interceptors.request.use(
|
||
config => {
|
||
// Do something before request is sent
|
||
// if (store.getters.token) {
|
||
// // 让每个请求携带token-- ['X-Token']为自定义key 请根据实际情况自行修改
|
||
// config.headers['X-Token'] = getToken()
|
||
// }
|
||
|
||
// 切换地址
|
||
const { target, prefix } = serviceRouter(config.url)
|
||
let url = config.url = config.url.replace(`${prefix}`, target);
|
||
// TODO 芋艿，这些 url 不用增加认证 token 。可能这么写，有点脏，后面看看咋优化下。
|
||
if (url.indexOf('user-api/users/passport/mobile/send_register_code') !== -1
|
||
|| url.indexOf('user-api/users/passport/mobile/register') !== -1) {
|
||
return config;
|
||
}
|
||
|
||
// debugger;
|
||
if (getAccessToken()) {
|
||
config.headers['Authorization'] = `Bearer ${getAccessToken()}`;
|
||
}
|
||
|
||
return config
|
||
},
|
||
error => {
|
||
// Do something with request error
|
||
console.log(error) // for debug
|
||
Promise.reject(error)
|
||
}
|
||
);
|
||
|
||
// response interceptor
|
||
service.interceptors.response.use(
|
||
//response => response,
|
||
/**
|
||
* 下面的注释为通过在response里，自定义code来标示请求状态
|
||
* 当code返回如下情况则说明权限有问题，登出并返回到登录页
|
||
* 如想通过 xmlhttprequest 来状态码标识 逻辑可写在下面error中
|
||
* 以下代码均为样例，请结合自生需求加以修改，若不需要，则可删除
|
||
*/
|
||
response => {
|
||
// debugger;
|
||
const res = response.data;
|
||
const code = res.code;
|
||
if (code !== 0) {
|
||
|
||
// // 50008:非法的token; 50012:其他客户端登录了; 50014:Token 过期了;
|
||
// if (res.code === 50008 || res.code === 50012 || res.code === 50014) {
|
||
// // 请自行在引入 MessageBox
|
||
// // import { Message, MessageBox } from 'element-ui'
|
||
// MessageBox.confirm('你已被登出，可以取消继续留在该页面，或者重新登录', '确定登出', {
|
||
// confirmButtonText: '重新登录',
|
||
// cancelButtonText: '取消',
|
||
// type: 'warning'
|
||
// }).then(() => {
|
||
// store.dispatch('FedLogOut').then(() => {
|
||
// location.reload() // 为了重新实例化vue-router对象 避免bug
|
||
// })
|
||
// })
|
||
// }
|
||
|
||
// TODO token 过期
|
||
// TODO 需要拿 refresh token 置换
|
||
if (code === 1001001012) {
|
||
Dialog.confirm({
|
||
title: '系统提示',
|
||
message: res.message,
|
||
confirmButtonText: '重新登陆',
|
||
beforeClose: function (action, done) {
|
||
done();
|
||
if (action === 'confirm') {
|
||
// debugger;
|
||
// this.$router.push({ path: '/login' })
|
||
// TODO 跳转到登陆页.不是很优雅
|
||
location.replace('/#login');
|
||
location.reload();
|
||
}
|
||
}
|
||
});
|
||
} else {
|
||
Dialog.alert({
|
||
title: '系统提示',
|
||
message: res.message,
|
||
});
|
||
}
|
||
return Promise.reject('error')
|
||
} else {
|
||
// if (typeof response.data.Tag == 'string') {
|
||
// return JSON.parse(response.data.Tag);
|
||
// } else {
|
||
// return response.data.Tag;
|
||
// }
|
||
// debugger;
|
||
return res.data;
|
||
}
|
||
},
|
||
error => {
|
||
Dialog.alert({
|
||
title: '系统提示',
|
||
message: error,
|
||
});
|
||
console.error(`请求失败`, error);
|
||
throw new Error(error);
|
||
// return Promise.reject(error)
|
||
}
|
||
);
|
||
|
||
|
||
export default servicef
|