vue封装接口地址

1、如果接口地址每次改动的话，一个个的修改太麻烦了，封装起来，统一调用方便 很多
2、下面来进行封装
案例是在tdesign框架下进行，其他框架应该也差不多
在utils文件夹下新建一个urls.js文件，内容如下

const API='http://111.11.12.111:8080';
export default{
    API    //地址
}

然后在子组件里面引用，即可使用

import urls from '../../../utils/urls.js'
const url =new URL(urls.API+'/test/list?params=0');