首页 > 编程语言 >process.env.NODE_ENV 开发环境配置详解(Vue项目)

process.env.NODE_ENV 开发环境配置详解(Vue项目)

时间:2023-03-31 21:14:02浏览次数:54  
标签:NODE development Vue env process VUE ENV

开发环境与生产环境下切换 baseURL

  • 增加.env.development文件

    NODE_ENV = 'development'
    VUE_APP_BASE_URL = '/api'
    
  • 增加.env.development文件

    NODE_ENV = 'production'
    VUE_APP_BASE_URL = ''
    
  • 使用

    const axiosRequest = axios.create({
        baseURL: process.env.VUE_APP_BASE_URL,
        timeout: 5 * 1000
    })
    

npm run serve默认是开发环境

npm run build默认是生产环境

相关链接:

https://blog.csdn.net/qq_43886365/article/details/128370109

标签:NODE,development,Vue,env,process,VUE,ENV
From: https://www.cnblogs.com/zhumenglong/p/17277459.html

相关文章

  • 我的第一个项目(七):(解决问题)Vue中canvas无法绘制图片
    好家伙, 现在,我想要把我的飞机大战塞到我的主页里去,想办法把文件导入 然后,直接死在第一步,图片渲染都成问题 先用vue写一个测试文件来测试canvas的绘制<template><div><divref="stage"></div><button@click="drawsth()">添加</button><imgsrc......
  • Vue 2中实现数字滚动效果
     代码:<template><divclass="statistics-num"><!--显示当前数字,不使用逗号分隔符--><spanclass="num">{{currentVal.toString()}}</span><!--显示当前数字,用逗号分隔符--><!--<spanclass="num......
  • Vue引用富文本编辑器
    1.在package.json加上并安装依赖"devDependencies":{"@jsdawn/vue3-tinymce":"^1.1.7",}2.在页面中引入importVue3Tinymcefrom"@jsdawn/vue3-tinymce";3.使用<vue3-tinymcev-model="item.blockDataObj.text":s......
  • vue 使用 导出 Excel
    import*asXLSXfrom"xlsx";exportExcel(){varwb=XLSX.utils.table_to_book(document.querySelector('#data-table2'),{raw:true});varwbout=XLSX.write(wb,{bookType:'xl......
  • ztree 更新节点updateNode无效
    https://blog.csdn.net/qq_42190134/article/details/126174038在使用updateNode时,如果node是自行声明的数据,那么更新时会不生效。因为自行声明的数据并没有在当前树中引用,更新时无法生效。constnode={id:15,name:'总部大楼',isParent:true,}varzTree=......
  • 【深入浅出 Yarn 架构与实现】6-1 NodeManager 功能概述
    本节开始将对Yarn中的NodeManager服务进行剖析。NodeManager需要在每个计算节点上运行,与ResourceManager和ApplicationMaster进行交互。管理节点的计算资源以及调度容器。后续将对NM的功能职责、状态机、容器生命周期和资源隔离等方面进行讲解。本篇将从整体上对NM......
  • vue2中使用antv/G6节点内容可滚动的ER图
    先举一个栗子: 如果不会请移步到官网的栗子,请点击查看狠人话不多,直接给大家上代码:整体代码片段<template><divid="container"style="position:relative;"></div></template><script>/*eslint-disable*/importG6from"@antv/g6";i......
  • vue3创建工程
    创建Vue3项目的步骤如下:安装Node.jsVue3需要依赖Node.js环境,因此需要先安装Node.js。可以从官网下载Node.js的安装包并安装,也可以使用包管理器安装,例如在Ubuntu上可以使用以下命令安装:sudoapt-getupdatesudoapt-getinstallnodejssudoapt-getinstallnpm......
  • vue+leaflet示例:克里金插值渲染显示(附源码下载)
    demo源码运行环境以及配置运行环境:依赖Node安装环境,demo本地Node版本:14.19.1。运行工具:vscode或者其他工具。配置方式:下载demo源码,vscode打开,然后顺序执行以下命令:(1)下载demo环境依赖包命令:npmi(2)启动demo命令:npmrundev(3)打包demo命令:npmrunbuild:release示例效果......
  • node后端跨域
    express服务//解决跨域问题,浏览8080&服务3070letexpress=require('express');letapp=express();letport=3070;//创建服务app.listen(port,()=>{console.log(`服务创建成功,正在监听${port}端口!`);});。。。app.use((req,res,next)=>{//可写res.head......