通過配置文件方式修改 axios 請求地址


publice 下的 serverConfig.json

{
  "baseURL":"http://jxc.weqi.exechina.com:3002/api/v1"
}

main.js

import axios from 'axios'
import Instance from './utils/request'

function getServerConfig() {
    return new Promise(resolve => {

        // 生產環境
        if (process.env.NODE_ENV === 'production') {
            axios.get('./serverConfig.json').then(result => {
                Instance.defaults.baseURL = result.data.baseURL;
                resolve();
            }).catch(error => {
                console.log('獲取不到serverConfig.json,請求路徑將為相對路徑/api/v1\n', error);
            })
        }

        resolve();
    }, reject => {
        reject();
    })
}

getServerConfig().then(() => {
    new Vue({
        router,
        store,
        render: h => h(App)
    }).$mount('#app');
}, reject => {
    console.log(reject)
});

utils/request.js

const service = axios.create({
    baseURL: '/api/v1',
    timeout: 5000
});


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM