首页
学习
活动
专区
圈层
工具
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

VUE 利用 webpack 给生产环境和发布环境配置不同的接口地址

VUE 利用 webpack 给生产环境和发布环境配置不同的接口地址 前言 我们在开发项目的时候,往往会在同一个局域网进行开发,前后端分离同时进行开发。我们前端调用后端给的接口也是在局域网内部的。...但是,当项目推到线上的时候,我们会从真实服务器上获取接口,因此,我们可能在测试接口和真实接口之间频繁切换,让人十分恶心。 因此,我们有必要想办法解决这个问题。...第一步,分别设置不同的接口地址 首先,我们分别找到下面的文件: /config/dev.env.js /config/prod.env.js 其实,这两个文件就是针对生产环境和发布环境设置不同参数的文件...我们分别设定的路径已经有了。下面就是如何调用的问题了。 第二部,在代码中调用设置好的参数 以我们之前的演示代码为例。你自己的项目请根据你自己的情况调整。以下文件和代码仅供参考。...最后,重启项目,就能使新配置的接口地址生效了。 在经过这样的配置之后,我们在运行 npm run dev 的时候,跑的就是测试接口。

58310
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    CROSS-ENV不同环境配置

    项目背景 为了适应h5环境搭建需求,需要动态配置开发,测试,生产三种对应域名及其及打包命令。使用cross-env可以让配置环境更加清晰明了还好管理。...简介 cross-env的作用是不需要全局配置NODE_ENV在scripts脚本中修改NODE_ENV的值从而实现不同环境中proccess.env.NODE_ENV的不同,而config的工作原理就是基于...,注意NODE_ENV里的配置名称与打包命令的相一致: //dev环境 module.exports = { NODE_ENV: '"development"', BASE_API: 'http...,重启npm run build–qa,此时就会发现运行测试环境的代码已经打包生成好了(dist目录),问题是环境配好了,怎么配置不用环境的api呢?...配置不同环境api,根据匹配NODE_ENV的不同的值 let API_URL if (process.env.NODE_ENV === 'development') { API_URL = 'http

    4.8K21

    SpringBoot 中的 Logback 配置:根据环境读取不同配置

    最近有个想法“由于配置了多环境,比如开发环境,测试环境等,想根据不同环境指定日志文件的存储位置” 2.行动 分下面几个步骤: 第一步:配置多环境 第二步:配置不同环境下的参数 第三步:配置logback...的配置文件 第四步:配置appender 2.1 第一步:配置多环境 我已经配置好 了多环境,如下: application-dev.yml application-test.yml application-release.yml...参考:https://www.jianshu.com/p/61758ef6b513 2.2 第二步:配置不同环境下的参数 开发时,是在mac环境下 在 application-dev.yml 下配置...下面是 线上环境的配置,它在linux系统下 在 application-release.yml 下配置: logging: path: /data/logs .... 2.3 第三步:配置logback...的配置文件 打开logback的配置文件 logback-spring.xml ,使用 springProperty 来读取 springboot 中的参数,在这里读取了 logging.path参数。

    3.5K20

    如何实现根据环境切换不同配置?

    在企业开发中,系统的配置信息往往会分不同的环境,如开发环境、测试环境、生产环境。...当我们使用nacos作为配置中心时,一定会遇到的问题就是在应用中配置nacos的server-addr时测试环境的nacos地址和线上nacos地址如何区分的问题 拿开发环境和正式环境来说,比如开发环境的...这里提供一种方法,采用spring-boot多环境配置和maven profile配合完成环境的切换。...创建bootstrap.yml: server: #取不同环境下配置的端口 port: @serverPort@ #spring配置 spring: profiles: #取不同环境下配置的激活项...active: @profileActive@ application: #取不同环境下配置的项目名称 name: @projectActiveName@ 如下,把需要随环境变化的配置放到当前环境配置文件

    67610

    SpringBoot多文件配置根据环境加载不同配置

    在平时开发时,会发现公司的项目会不同的环境使用到不同的配置。如本地,测试,预发布,发布等环境,像数据库这些都要使用到不同的配置。...如果只有一个配置文件,发布到不同环境的时候都要去修改一遍那简直就是遭罪,那么,如何实现SpringBoot根据需要去加载不同的配置文件?...项目构建 SpringBoot提供简单配置能够让我们进行不同配置文件的加载。 创建Maven项目 这里简单的常见一个用户类和控制器模仿一般的逻辑,获取用户的信息。...image.png 我们可以看到message的信息就是application-uat.yml里面配置的,同时还能注意到当我们application.yml和application-uat.yml进行相同的配置是...补充 Maven打包 那么说到了SpringBoot加载不同的配置文件启动,那么不妨说一下Maven根据不同环境用不同的配置文件打包。

    2.1K50

    Pycharm配置git环境「建议收藏」

    大家好,又见面了,我是你们的朋友全栈君。 Pycharm配置git环境 在网上查了一些发现都已经过时了,有的根本没办法用,自己摸索了一下午。...捣鼓的差不多了至少可以用hhhh 默认各位老铁都已经安装好了,Git咯,并且有自己的github网址或者gitee网站咯 0X1 创建一个新项目 首先新键一个新的项目,直接creat就好了。...我习惯创建一个新的项目用来做git。...Git是按照默认路径按照的话可以省略 0X2 配置Git这一步 0X3 远程新键仓库用来试验 我用的是gitee当然github其实基本相同 首先当然是创建一个空仓库咯 然后创建一个空的文件夹用来作为本地仓库...和git commit -m 命令是一样的 也可以直接点击上方的Git,然后点击Commit 然后我们就可以选择文件和添加描述了 最后push一下就可以了,同样有两种方法

    72740

    vue-cli生成的项目配置开发和生产环境不同的接口

    vue-cli生成的项目,vue项目配置了不同开发环境的接口地址,axios.defaults.baseURL如何引用这个地址,这是在我发布项目的时候考虑的,于是想到了 方法一: config下配置文件分别如下...中试了以下方法,可以生效,但是因为在配置API_ROOT的时候里面地址带双引号,所以不能直接使用该接口地址,如果去掉API_ROOT中的双引号,打包的时候又会报错。...方法二:(集热心网友提供的方案) 一般项目webpack会有两个或多个配置文件,如: webpack.prod.conf.js  对应线上打包 webpack.dev.conf.js   对应开发环境...通过配置了DefinePlugin,那么这里面的标识就相当于全局变量,你的业务代码可以直接使用配置的标识。...注意:这里配置 BASE_URL 属性值的时候要单独给里面的值再加一个引号,否则输出的值不是字符串,所以会报错。

    1.6K80

    Windows配置Github、Gitee共存的Git环境

    @ 目录 1、清除git全局配置 2、SSH keys 3、配置config 4、用ssh命令测试 6、使用 在我们的日常开发中,可能要用到多个账号,公司开发gitlab,国外开源github,国内开源...这种多环境的情况下,我们就需要生成和配置多个SSH-Key。...本文基于Win10操作系统,需要安装好Git:Windows环境下Git安装和配置 1、清除git全局配置 如果在此之前配置过全局用户名和邮箱: $ git config --global user.name...由于是对应不同的开发场景,我们不同环境的提交可能是不同的用户名,所以先清除这两个配置。...接下来我们可以把代码 push 到github $ git push github master 参考: 【1】:配置同时使用 Gitlab、Github、Gitee(码云) 共存的开发环境 【2】

    1.2K20

    Git下载及配置环境变量

    Git安装界面 ? 和Node.js一样,大部分设置都只需要保持默认,但是出于我们操作方便考虑,建议PATH选项按照下图选择: Git PATH设置 ?...这是对上图的解释,不需要了解请直接跳过 Git的默认设置下,出于安全考虑,只有在Git Bash中才能进行Git的相关操作。...按照上图进行的选择,将会使得Git安装程序在系统PATH中加入Git的相关路径,使得你可以在CMD界面下调用Git,不用打开Git Bash了。...这是对上图的解释,不需要了解请直接跳过 Git的默认设置下,出于安全考虑,只有在Git Bash中才能进行Git的相关操作。...按照上图进行的选择,将会使得Git安装程序在系统PATH中加入Git的相关路径,使得你可以在CMD界面下调用Git,不用打开Git Bash了。

    1.2K20

    Git配置环境变量「建议收藏」

    环境变量位置: 点击Path,编辑: 任意位置打开git Bash Here,输入where git(查找git安装路径) 去安装路径找到这三个文件位置,添加到变量中 ========...============================ 为你的git添加邮箱和你的用户名(建议用英文) git config –global user.name “用户名” git config...–global user.email “邮箱” git config –list(查看配置) cmd中: git -a查看配置结果 或者在桌面(我的是在桌面)查看配置结果: 点开这三个看是弹出如下图就表明配置成功了...,如果是警告框则是配置失败 版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。...如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

    1.3K30
    领券