背景:
在项目中有些配置的变量可能会在其他的文件中用到,并且这样的变量在正式的环境和测试的环境还不相同,对于这样的配置变量,我们最好的在整个项目中只有一处的配置,这样以来当我们从测试的环境调整为正式的环境的时候,仅仅需要修改的只有一处,那么我们的配置可能有多项,最为简洁的办法是我们单独拿出一个文件,做一些通用的配置,类似于工具类.
react 在一个js文件中如何导出多个变量,直接上代码:
导出
import Axios from 'axios'
let isnormal=false;
export let basicUrl=isnormal?'https://*****/truck/':'/api/';
const service = Axios.create({
baseURL: basicUrl,
timeout:20000,
headers: {'Content-Type': 'application/json','Authorization':localStorage.getItem("token")}
})
export default service;
export default 只能有一个
但是在这个js 文件中可以export let 变量名字可以有多个
引入
在其他的js 文件中,我们可以通过这样的方式引入:
import service,{ basicUrl } from '@/utils/AxiosService.js'
希望对你所帮助
版权声明:本文为datouniao1原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。