Vue Axios 根据地址判断是局域网还是外网访问配置不同地址

/**
 * axios配置
 */
import Vue from 'vue'
import axios from 'axios'
import VueAxios from 'vue-axios'
import store from '@/store'
import router from '@/router'
import setting from './setting'
import {MessageBox} from 'element-ui'

Vue.use(VueAxios, axios);

axios.defaults.baseURL = setting.baseURL;
axios.defaults.headers.common[setting.tokenHeaderName] = store.state.user.token;

// 添加请求拦截器
axios.interceptors.request.use(function (config) {
    //根据vuex store内容动态设置baseurl
    //console.log("config:"+JSON.stringify(config));
    //console.log("location:"+window.location.host); //document.location;
    if(window.location.host.indexOf('192.168.99')>-1 || window.location.host.indexOf('localhost')>-1){
        //判断是内网地址的话,就请求内网后端接口地址
        config.baseURL = setting.baseURL;
    }else{
        //判断是外网地址的话,就请求外网后端接口地址
        config.baseURL = setting.baseWWWURL;
    }
    console.log("config baseURL:"+config.baseURL);
    return config
}, function (error) {
    // 对请求错误做些什么
    return Promise.reject(error)
});

/* 响应拦截器 */
axios.interceptors.response.use((res) => {
    if (res.data.code === 401) {  // 登录过期处理
        if (res.config.url === setting.menuUrl) {
            store.dispatch('user/setToken').then(() => {
                location.replace('/');
            });
            return;
        }
        MessageBox.alert('登录状态已过期,请退出重新登录!', '系统提示', {
            confirmButtonText: '重新登录',
            callback: action => {
                if (action === 'confirm') {
                    store.dispatch('user/setToken').then(() => {
                        router.push({path: '/login'});
                    });
                }
            },
            beforeClose: () => {
                MessageBox.close();
            }
        });
        return Promise.reject(new Error(res.data.msg));
    }
    // token自动续期
    let access_token = res.headers[setting.tokenHeaderName];
    if (access_token) store.dispatch('user/setToken', access_token);
    return res;
}, (error) => {
    return Promise.reject(error);
});

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值