react 导出多个变量

背景:

    在项目中有些配置的变量可能会在其他的文件中用到,并且这样的变量在正式的环境和测试的环境还不相同,对于这样的配置变量,我们最好的在整个项目中只有一处的配置,这样以来当我们从测试的环境调整为正式的环境的时候,仅仅需要修改的只有一处,那么我们的配置可能有多项,最为简洁的办法是我们单独拿出一个文件,做一些通用的配置,类似于工具类.

   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版权协议,转载请附上原文出处链接和本声明。