Vue接口地址管理

 项目中有些时候会调用不同的的环境接口地址，统一进行管理便于切换

　1. static文件夹下新建 config.js： （static/ 目录下的文件并不会被Webpack处理：它们会直接被复制到最终的打包目录（默认是dist/static）下）

const URLList = {
    hotel:{
        base:'',
        publicurl:'hotel.72byte.com',
        adurl:'test-ad.72byte.com',
        websockUrl:'hotel.72byte.com/wss',
        youpaiyunUrl:'http://hotel-cdn.72byte.com',
        recordInfo:['2023 © 北京奇天大胜网络科技有限公司 增值电信经营许可 京B1.B2-20202400','京ICP备14037353号-1'],
    },
    cloud:{
        base:'',
        publicurl:'cloud.111.com',
        adurl:'ad.111.com',
        websockUrl:'cloud.111.com/wss',
        youpaiyunUrl:'http://video.111.com',
        recordInfo:['备案信息'],
    },
}
window.httphost = URLList.hotel

2. index.html 中引入

<script type="text/javascript" src="/static/config.js"></script>

3. store/js 中存放公共信息

state: {
        _host: _host,
}

4. factApi.js 接口信息中使用， 配置axios使用或直接使用

let _host = store.state._host
const RefreshToken = (params) => {
    return post(`${_host.publicurl}/admin/common/getRefreshToken`, params)
}