React开发总结篇---配置文件请求

• 问题：项目的请求地址，存于电脑（服务器）的系统环境变量中，项目启动的时候，使用电脑中的请求地址？
• 答：修改项目的配置文件

项目描述

（1）项目已经开发完成，要求动态获取环境变量中的请求地址
（2）使用git管理仓库
（3）没有执行过命令eject（注意此操作不可逆）

1 操作

1.1 刷新代码

$ git add .

git commit -m "运行eject"

2.1 执行eject操作

yarn run eject

• 将会多出两个文件夹（配置文件）

1.3 删除node_modules

删除后重新执行

npm i 

或

cnpm i 

或

yarn

1.4 启动项目

npm run start

• 项目成功运行

2 修改配置文件

2.1 修改start.js

• 引入path模块 18行左右

const path = require('path')

• 大概144行加入（其中URL是系统环境中的接口地址）

 if(process.env.URL!==undefined){
        fs.readFile(path.join(__dirname,'../src/Api/index.js'),'utf8',function(err,data){
          if (err) throw err;
           let newContent =data.replace(/axios.defaults.baseURL='(.*?)'/,`axios.defaults.baseURL='${process.env.URL}'`)
           fs.writeFile(path.join(__dirname,'../src/Api/index.js'), newContent, 'utf8', (err) => {
               if (err) throw err;
           });
        })
       }

• 文件目录如下：
  
  完成从环境变量中获取