• (十九)vue配置相应的运行环境 环境变量


    vue配置相应的运行环境 环境变量

    目的:

    项目开发过程中,至少会经历开发环境、测试环境和生产环境(即正式环境)三个阶段。不同阶段请求的状态(如接口地址等)不尽相同,若手动切换接口地址是相当繁琐且易出错的。于是环境变量配置的需求就应运而生,我们只需做简单的配置,把环境状态切换的工作交给代码。

    方法:

    官网说的:
    在这里插入图片描述
    在根目录下创建.env.xxx文件,例如.env.development,.env.production,.env.staging,等等就是你想使用的相关运行环境的名称。
    2>.在这里插入图片描述
    3.文件内容:
    配置你需要切换的服务器连接地址,其他项目名称,以及打包后的文件地址。
    在这里插入图片描述
    4.使用:运行相关的命令 执行相应的环境
    文件已创建好,配置语句也已写好。怎么用它呢?

    首页你需要哪个环境,就执行哪个环境的命令语句。

    比如我现在需要local环境,就执行 npm run local-serve

  • 相关阅读:
    JavaScript (new)创建一个对象的过程
    我所理解的promise的then方法
    promise与async和await的区别
    JS Promise实例 then()方法
    电脑上不去网
    es6----set map应用场景
    ES6新特性一览
    es6继承
    es6中class类的全方面理解(一)
    时间处理金字教程
  • 原文地址:https://www.cnblogs.com/tcz1018/p/13831761.html
Copyright © 2020-2023  润新知