开发环境和生产环境的切换

最新推荐文章于 2024-06-04 16:31:31 发布

勤奋的七仔

最新推荐文章于 2024-06-04 16:31:31 发布

阅读量1.2k

点赞数

文章标签： vue

本文链接：https://blog.csdn.net/XiehaiyanLI/article/details/108133538

版权

本文介绍了如何在Vue项目中使用vue.config.js设置环境自动切换。通过创建dev.js和prod.js环境文件，结合cross-env进行环境变量切换，并在webpack配置中进行相应调整，最后在业务代码中实现环境的区分。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

vue项目用vue.config.js来配置不同环境自动切换配置

一、通过创建不同环境js文件，再通过cross-env来切换。

新建开发环境dev.js文件。

module.exports = {
   
  BASE_URL: "https://test.365msmk.com"
};

新建生产环境prod.js文件。

module.exports = {
   
  BASE_URL: "https://www.365msmk.co

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

勤奋的七仔

关注关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

spring 切换开发和生产环境

qq_15452971的博客

03-02

1599

在开发中，我们一般把环境分为开发环境和正式的产品环境，为了方便我们在两个环境之间的切换，spring给我们提供了很好的支持。首先，在项目中，我们建立三个yml其中，application.yml 我们用来负责对开发环境和产品环境的切换，application-dev.yml对开发环境的进行相关配置，application-product是对产品环境进行相关的配置。这个配置很简单：applicati...

自动识别和切换【开发环境、测试环境、生产环境】Python代码模板

ArYe

11-02

1991

获取主机地址 from socket import gethostname, gethostbyname hostname = gethostname() # 获取主机名 print('hostname:', hostname) host = gethostbyname(hostname) print('host:', host) # 根据主机名获取主机地址获取操作系统类型 import platform system = platform.system() if system == 'Window

参与评论您还未登录，请先登录后发表或查看评论

前端部署时候开发以及生产环境切换

moernagedian的博客

05-09

440

在 HBuilderX 中，点击“运行”编译出来的代码是开发环境，点击“发行”编译出来的代码是生产环境。uniapp 版本切换。

生产环境，开发环境互相切换

lbjbk的博客

08-20

919

生产环境，开发环境互相切换 **有两种方式可以进行** 第一种方法：通过配置.env文件来实现第二种发法： one：通过创建不同环境js文件，再通过cross-env来切换 config dev.js prod.js dev.js module.exports = { BASE_URL: "https://test.365msmk.com" }; prod.js module.exports = { BASE_URL: "https://www.365msmk.com" }

笔记：开发环境与生产环境的自由切换

weixin_30273931的博客

11-02

185

笔记：开发环境与生产环境的自由切换在编码和生产环境中,各种配置的来回切换比较麻烦,今天做个笔记记录一下怎么在两种环境中自由切换工具:maven + ecplise+tomcat 1,在配置文件中开发与生产环境的配置各配置一份 2,在工程的pom.xml文件中进行如下配置 3,在打包,运行的时候就可以带上后缀来进行生产...

springboot--多环境配置快速切换开发、测试、生产环境

m0_50207524的博客

11-02

1622

环境隔离能力，快速切换开发、测试、生产环境步骤：1、标识环境：指定那些组件、配置在那个生效2、切换环境：这个环境对应的所有组件和配置就应该生效。

webpack开发环境和生产环境切换原理.docx

07-14

Webpack 开发环境和生产环境切换原理 Webpack 是一个流行的前端构建工具，它提供了强大的模块化和代码打包功能。然而，在实际开发中，我们经常需要在开发环境和生产环境之间切换，以满足不同的需求。今天，我们将...

Android-ChangeEnvironment一键快速切换开发环境以及多渠道打包

08-13

在Android应用开发过程中，环境切换和多渠道打包是两个重要的环节。`Android-ChangeEnvironment`项目专注于解决这两个问题，提供了一键快速切换开发环境和多渠道打包的功能，大大提升了开发和发布效率。以下是对这些...

本地项目实现开发环境和生产环境之间动态切换

最新发布

weixin_43801036的博客

06-04

818

一般来说development对应的是开发环境，而production对应的是生产环境VUE_APP_MODE = 环境名字VUE_APP_BASEURL = 环境地址。

Vue生产、开发环境如何切换及过滤器的使用

这里是前端，是不一样的前端

08-19

1558

一、生产环境，开发环境切换 开发环境：开发环境就是在 /config/index.js下配置proxyTable 生产环境：打包项目后代理就失效啦，所以再生产环境下要重新配置一下 1.第一种方法：通过配置.env文件来实现参考：https://cli.vuejs.org/zh/guide/mode-and-env.html 第二种方法第一步：通过创建不同环境js文件，再通过cross-env来切换 config dev.js prod.js dev.js modu

详解Vue前端生产环境发布配置实战篇

11-28

前言首先这篇文章是写给Vue新手的，老司机基本不用看了。当我们刚接触vue的时候，特别是对于第一次用前端框架的同学来说，心情可以说是比较激动的，框架带来的种种新体验，是以前jQuery无法给你的兴奋和满足感。但是在体验了几个demo的新鲜感之后，我们就要考虑如何把框架结合到我们实际的开发中如何应用的问题了。下面我主要总结三个和生产发布相关的问题：资源文件发布文件夹配置，图片文件的引用，以及后台接口调试方法。一，资源文件发布配置一般项目都是用vue-cli脚手架搭建项目，然后编写自己的代码。vue-cli脚手架生成的配置，默认资源文件都在static文件夹下面，build发布的js

Spring注解驱动开发第24讲——使用@Profile注解实现开发、测试和生产环境的配置和切换，看完这篇我彻底会了！！

李阿昀的博客

12-09

3393

写在前面在实际的企业开发环境中，往往都会将环境分为开发环境、测试环境和生产环境，并且每个环境基本上都是互相隔离的，也就是说，开发环境、测试环境和生产环境它们之间是互不相通的。在以前的开发过程中，如果开发人员完成相应的功能模块并通过单元测试后，那么他会通过手动修改配置文件的形式，将项目的配置修改成测试环境，发布到测试环境中进行测试。测试通过后，再将配置修改为生产环境，发布到生产环境中。这样手动修改配置的方式，不仅增加了开发和运维的工作量，而且总是手工修改各项配置文件会很容易出问题。那么，有没有什么方式可以解

@test注解_【Spring】使用@Profile注解实现开发、测试和生产环境的配置和切换，看完这篇我彻底会了！！...

weixin_39629129的博客

11-26

912

写在前面在实际的企业开发环境中，往往都会将环境分为：开发环境、测试环境和生产环境，而每个环境基本上都是互相隔离的，也就是说，开发环境、测试环境和生产环境是互不相通的。在以前的开发过程中，如果开发人员完成相应的功能模块并通过单元测试后，会通过手动修改配置文件的形式，将项目的配置修改成测试环境，发布到测试环境进行测试。测试通过后，再将配置修改为生产环境，发布到生产环境。这样手动修改配置的方式，一方...

Spring Boot(03)：Spring Boot多环境配置，如何轻松实现开发、测试、生产环境切换？

喵手的博客

04-12

1449

本文将采用Spring Boot的多环境配置，实现应用程序在不同环境下的部署。首先，我们将创建一个Spring Boot应用程序，并定义三个不同的配置文件：application-dev.properties、application-test.properties和application-prod.properties，分别对应开发、测试和生产环境。然后，我们将演示如何在应用程序中通过注入Environment对象来获取配置信息，以及如何在maven中通过profiles来实现环境的切换。

项目从开发环境切换到生产环境，接口就不能调用了

Hero_rong的博客

12-18

3299

今天遇到一个小坑，问题不到，但是有意思，一般测试测bug都是在开发环境上，测试没问题了，再切换到生产环境测试，我们可爱的测试小姐姐，今天在生产环境上测了一个在开发环境就测试通过的问题，但是在生产环境却不行了，甚至连接口都不调用！两个环境的代码一模一样的啊，怎么到了生产环境接口就不调用了呢，既然是接口不能调用了，小可爱们注意了，首先就要检查接口名称，不要看一眼感觉没事就没事了，要打印下来 !...

vue ip地址生产环境和开发环境自动切换

Future1994的博客

06-27

2164

https://cli.vuejs.org/zh/guide/mode-and-env.html#%E5%9C%A8%E5%AE%A2%E6%88%B7%E7%AB%AF%E4%BE%A7%E4%BB%A3%E7%A0%81%E4%B8%AD%E4%BD%BF%E7%94%A8%E7%8E%AF%E5%A2%83%E5%8F%98%E9%87%8F 第一步：生产环境第二步：开发环境...

vue配置不同环境，不同命令即开发、测试、生产环境

MtangEr的博客

12-03

4548

首先我们想解决的问题是，在 开发环境，测试环境，正式环境等不同的环境下使用不同的变量，如下：默认是只有开发development（运行npm run dev ）和生产环境production（npm run build 默认打包就是production环境），现在要加test测试环境变量。配置步骤如下： 1.我们借助 cross-env 插件跨平台地设置及使用环境变量 npm安装方式：npm i --save-dev cross-env 2.我们对config文件夹做配置，新建一个test.

axios nginx 生产环境_axios 生产环境和开发环境 ip 切换（修改文件配置）

weixin_39865952的博客

12-22

217

前言往往在开发过程中，前端axios 连接的ip 地址是内部服务器，甚至不止一个，可能有多个，那么在封装axios 工具的时候我们通常用这种方式constaxiosbaseurl=process.env.NODE_ENV==='development'?'http://192.168.2.125:8890':'http://192.168.2.126:8890'const requs...

webpack开发环境和生产环境切换原理

weixin_30693183的博客

01-16

167

在package.json中有如下设置： "scripts": { "dev": "node build/dev-server.js", "build:prod": "cross-env NODE_ENV=production env_config=prod node build/build.js", "build:sit": "cross-env NODE_ENV=produ...