vue判断环境中赋地址

最新推荐文章于 2024-07-26 13:40:11 发布
最新推荐文章于 2024-07-26 13:40:11 发布
阅读量342 收藏
点赞数
分类专栏： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sweet_yaya457/article/details/104647715
版权

// 判断环境赋 是否为生产环境 production

       this.bindStr =  process.env.BUILD_ENV == 'production' ? _bindStr : process.env.BUILD_ENV == 'pre' ?_bindStr_test : _bindStr_local

let _bindStr = 'https://aaa.com/#/main/setting/brandSeting' //生产环境
let _bindStr_test = 'https://test-saaa.com/#/main/setting/brandSeting' //测试环境
let _bindStr_local = 'http://localhost:8080/#/main/setting/brandSeting' // 本地环境
// 判断环境赋 是否为生产环境 production
 this.bindStr =  process.env.BUILD_ENV == 'production' ? _bindStr : process.env.BUILD_ENV == 'pre' ?_bindStr_test : _bindStr_local

 

sweet_yaya457
关注
专栏目录
vue中如何区分不同的环境
weixin_47450807的博客
03-04 4142
我们在vue开发中常常要根据不同的环境区分不同的变量，常见的环境有如下几种： 生产环境：production, 开发环境：development, 测试环境：test。 方式一、手动修改不同的变量 const BASE_URL = 'http://dlfordmc.org/dev' const BASE_NAME = 'coder' // const BASE_URL = 'http://dlfordmc.org/prod' // const BASE_NAME = 'kobe' // const BA
Vue 项目判断开发、测试、正式环境
Vincentyun
08-20 2万+
Vue Cli构建的项目只有npm run dev和npm run build两条开发和编译的命令。而要添加测试环境，我们可以扩展一条npm run test的命令输出测试环境下执行的代码。 1.在build文件夹中创建test.js文件 test.js中的代码很简单，就两行。主要就是配置一个环境变量用以区别测试和正式环境。这里没有直接修改原有的process.env.NODE_ENV是担心会...
vue项目，如何区分开发环境、测试环境、正式环境
最新发布
maizixuetang的博客
07-26 550
测试环境通常就是开发环境，所以设置为"build:test": “NODE_ENV=development vue-cli-service build”,二、怎么设置process.env.NODE_ENV的变量值。这是在MacOS操作系统中，但是在window系统中不起作用。一、通过哪个字段判断开发、测试、正式环境。在package.json文件中配置。vue如何配置研发/测试/生产环境?不用配置文件，env中有两个默认字段。在编译时指定webpack的编译模式。使用配置文件，可以任意添加字段。
VueJs各个版本— 判断当前是开发、生产环境
No_Name_Cao_Ni_Mei的博客
11-03 3216
现存的vue项目可分为VueCLI2 创建的项目Vue CLI 3 和 Vue CLI 4 创建的项目下面就讲讲各个环境创建下的开发和生产环境如何判断。
vue如何判断项目是开发环境还是线上环境或者本地环境
小张的blog
07-14 2285
前端程序员在开发中，需要根据不同的开发环境，判断调用的后端接口域名地址。分为两种方法判断环境 如下。
vue通过接口判断list中的按钮是否展示
weixin_42074004的博客
03-13 751
/当接口查回来的id等于列表中当前行的serverId时，把查回来的是否显示按钮的值赋给原列表行的数据。)">重新报名//在list中调用是否显示这个按钮的接口。// 是否显示重新报名的接口查询。
vue判断数据是对象_Vue源码解析五——数据响应系统
weixin_42508313的博客
12-30 1846
接下来重点来看Vue的数据响应系统。我看很多文章在讲数据响应的时候先用一个简单的例子介绍了数据双向绑定的思路，然后再看源码。这里也借鉴了这种方式，感觉这样的确更有利于理解。数据双向绑定的思路1. 对象先来看元素是对象的情况。假设我们有一个对象和一个监测方法：const data = {a: 1};/*** exp[String, Function]: 被观测的字段* fn[Function]: 被...
vue-cli在不同环境下赋予变量不同的值
weixin_42371145的博客
04-05 381
在开发环境下，可以自己赋值；在生产环境下，我则希望直接通过window.location.pathname获得。 在创建vue-cli时会自动配置环境变量，生产环境是production，开发环境是development 然后在.js和.vue中都可以通过process.env.NODE_ENV获得环境变量的值。 因此如果要设置一个在不同环境下不同的变量，可以通过process.env.NODE_ENV作为key值。 比如： <script> export default { na
vue中的一些知识
zy的博客
01-26 1046
v-model 多用于表单元素实现双向数据绑定 v-for 格式： v-for="（item,index) in/of 数组json" 循环数组或json v-show 显示内容 ,通过display=block/none来控制元素隐藏出现 v-hide 隐藏内容 同上 v-if 显示与隐藏 （dom元素的删除添加 同angular中的ng-if 默认值为false） v-else-if 必须和v-if连用 v-else 必须和v-if连用 不能单独使用 否则报错 模板编译错误 v-bind
Vue
H先生
04-25 467
一. Vue 1.1. 官方文档 vue官网 1). 一位华裔前Google工程师(尤雨溪)开发的前端js库 2). 作用: 动态构建用户界面 3). 特点: * 遵循MVVM模式 * 编码简洁, 体积小, 运行效率高, 移动/PC端开发 * 它本身只关注UI, 可以轻松引入vue插件和其它第三库开发项目 4). 与其它框架的关联: * 借鉴angular的模板和数据绑定技术 * 借鉴react的组件化和虚拟DOM技术 5). vue包含一系列的扩展插件(库): * vue-cli: vue脚手
Vue.js - 判断当前是开发环境、还是生产环境（附样例）
热门推荐
LuckyTHP
03-08 2万+
1，判断样例 （1）有时我们需要在代码中判断目前项目是处于开发环境、还是生产环境，然后根据不同环境执行不同的逻辑代码。下面是一个简单的样例： if (process.env.NODE_ENV === "development") { alert("开发环境"); }else { alert("生产环境"); } （2）如果在开发环境（执行 npm run dev 的时候），则显示如下结果： （3）如果在生产环境（执行 npm run build 的时候），则显示如下结果： 2，判断原理 （1）
vue 本地环境判断
杰克拉乌的博客
07-23 1810
在windows下只需要安装插件 cross-env即可  先 npm i cross-env 然后修改package.json 修改dev的配置即可 即可判断环境设置动态代理
Vue项目区分开发环境问题
人生的尽头是孤独
05-19 2874
在Jenkins持续构建项目时，出现的IP和Port变化的情况。 也考虑到后期会换底层数据库，Redis配置和上传下载路径，可能会随着服务器的不同配置多台不同的环境变量。 所以区分一下各自开发环境，和生产的环境是很有必要的。因此来记录一下Vue前端使用不同环境的方法...
vue检查项目环境模式(开发环境或者线上环境及本地环境)
weixin_68658847的博客
11-03 702
vue检查项目环境模式(开发环境或者线上环境及本地环境)
【vue】判断是开发环境还是生产环境
wujiezhiwei的博客
03-28 590
export const stateNODE_ENV = process.env.NODE_ENV.trim().toLowerCase(); production/product
vue - vue的index.html中获取环境变量和业务判断
qq_43886365的博客
04-20 8039
vue的index.html中获取环境变量和业务判断
Vue项目判断开发，测试，生产环境配置api
一只路过的小码农
11-21 2482
最近在做Vue项目，
vue中如何判断当前环境
05-17
在 Vue 中，可以通过 `process.env.NODE_ENV` 属性来判断当前的环境。`process.env.NODE_ENV` 属性的值取决于使用的构建工具和配置文件，一般情况下，它的值有以下几种： - development：开发环境 - production：生产环境 - test：测试环境 可以在代码中使用以下方式来判断当前环境： ```javascript if (process.env.NODE_ENV === 'development') { // 开发环境下的代码 } else if (process.env.NODE_ENV === 'production') { // 生产环境下的代码 } else if (process.env.NODE_ENV === 'test') { // 测试环境下的代码 } ``` 在 Vue CLI 生成的项目中，可以在 `vue.config.js` 配置文件中进行环境变量的配置，例如： ```javascript module.exports = { // ... devServer: { // 可以在这里配置开发环境下的环境变量 // 例如：process.env.BASE_URL = '/api' }, configureWebpack: config => { // 可以在这里配置生产环境下的环境变量 // 例如：config.plugins.push(new webpack.DefinePlugin({ 'process.env.BASE_URL': '/api' })) } } ``` 在代码中可以通过 `process.env.BASE_URL` 来获取环境变量的值。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值