• React中使用create-react-app创建项目,运行npm run eject建立灰度报错


        我在运行npm run eject建立测试环境和正式环境时候报错

      

       这里的问题是是脚手架添加.gitgnore文件,但是却没有本地仓库,按照以下顺序就可以正常使用

      如果你没有本地把git 添加进去,需要先git init 初始化

    git add .
    
    git commit -m "init"
    
    npm run eject

      执行完上述命令之后,项目中会多出一个 config 的文件夹和script文件夹

      

      在script文件夹里面的build.js中构建正式的环境

      复制一份build.js命名为grey.js,这是测试环境,并且把node全局process对象process.env.NODE_ENV= 'production' 修改为 process.env.NODE_ENV= 'development'

      在package.json文件中配置打包命令

      

      

      api代理

        安装   npm install http-proxy-middleware --save

          最后在使用代理的时候为了可以代理多个api,所以我们就写个js封装下

       在src/创建setuoProxy.js中

    const proxy = require("http-proxy-middleware");
    module.exports = function(app) {
      app.use(
        proxy("/api", {
          target: process.env.NODE_ENV === 'production'?'正式地址':'测试地址',
          changeOrigin: true
        })
      );
    };

       最后在scripts文件夹下的start.js中注入

       打包后就可以使用了

      打包的命令:

        正式地址: npm run build

        测试地址: npm run grey

  • 相关阅读:
    modals-methods 模态框 使用说明文档
    jquery validate form 异步提交
    log在线生成器 html中如何设置浏览器中标题前的logo
    解决django关于图片无法显示的问题
    Git远程操作
    Git基本操作
    Git思维导图
    连接GitHub的方法
    Git的三种区域
    Gentoo(贱兔)Linux安装笔记
  • 原文地址:https://www.cnblogs.com/muzimumu/p/11934672.html
Copyright © 2020-2023  润新知