专栏首页技术进阶之路Vue 设置环境变量和模式

Vue 设置环境变量和模式

在项目的根目录下新建两个文件:

  • .env.dev
  • .env.prod

文件内容如下:

开发环境:

NODE_ENV=development
VUE_APP_SERVER=http://127.0.0.1:9000

生产环境:

NODE_ENV=production
VUE_APP_SERVER=http://127.0.0.1:9000

main.js 中打印一下看看:

console.log("环境: ", process.env.NODE_ENV);

在请求的时候可以调用系统环境作为请求路径:

process.env.VUE_APP_SERVER + '/business/admin/chapter/save'

启动脚本

我们可以通过设置参数的方式改变启动的配置文件:

vue-cli-service serve --mode dev

package.json 中设置:

{
  "name": "admin",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "serve-dev": "vue-cli-service serve --mode dev",
    "serve-prod": "vue-cli-service serve --mode prod",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint"
  },
  ...

在编辑器中就能看到这几个启动脚本:

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • Vue 中全局过滤器的使用

    wsuo
  • 使用 IDEA 搭建 Vue 项目

    https://plugins.jetbrains.com/plugin/9442-vue-js/versions

    wsuo
  • Python爬虫:Scrapy 框架快速入门及实战演练

    今天来介绍一下 Python 的一个爬虫框架Scrapy ,类似的还有 Portia Crawley。

    wsuo
  • PHP vsprintf()函数格式化字符串操作原理解析

    与 sprintf() 不同,vsprintf() 中的参数位于数组中。数组元素将被插入到主字符串中的百分号(%)符号处。该函数是逐步执行的。在第一个 % 符号...

    砸漏
  • PDF文档怎么加密?工作再忙也要学学这个方法

    在工作中难免会遇到一些比较重要的PDF文件,而为了保护这些文件的安全,不能被别人随意打开浏览,像平时在工作中比较重要的数据汇报,工作汇报等这些都是比较重要的,需...

    用户2154429
  • TBase如何接入Kafka组件进行数据消费

    kafka简介:Kafka是一个开源流处理平台,Kafka是通过解析数据库端日志来进行发布订阅消息的系统,它可以处理消费者在网站中的所有动作流数据。

    用户7689089
  • TBase如何接入kafka进行数据库异构迁移、或数据消费

    分布式HTAP数据库 TBase(TencentDB for TBase,TBase)是基于postgresql-xc的BSD开源协议 ,进行自主研发的分布式数...

    腾讯云数据库 TencentDB
  • 什么是jQuery?

    Jquey就是一款跨主流浏览器的JavaScript库,简化JavaScript对HTML操作

    Java3y
  • Juqery就是这么简单

    什么是Jquery? Jquey就是一款跨主流浏览器的JavaScript库,简化JavaScript对HTML操作 就是封装了JavaScript,能够简化我...

    Java3y
  • 学会WCF之试错法——超时

    服务契约 [ServiceContract] public interface IService { [OperationCon...

    甜橙很酸

扫码关注云+社区

领取腾讯云代金券