实际项目中nuxt.js多环境变量配置的操作是怎样�
Admin 2022-06-21 群英技术资�
一般在我们项目开发中,一般会有以�3个环�
test
)RC
环境也叫预发布环�(rc
)production
)那么有一种情况是我们需要在不同环境下区分不同的api
接口例如
(test) api=test.ydhtml.com
rc) api=rc.ydhtml.com
(production) api=ydhtml.com
接下来我们在项目的根目录中创� env.js
文件内容如下
module.exports = { test: { MODE: 'test' }, rc: { MODE: 'rc', }, prod: { MODE: 'prod', } }
配置好对应得环境之后,我们在 package.json
下得 scripts
增加打包命令�
如下�
"build:test": "cross-env MODE=test nuxt build", "build:rc": "cross-env MODE=rc nuxt build", "build:prod": "cross-env MODE=prod nuxt build",
打开nuxt.config.js
文件,增加以下代�
const env = require('./env') module.exports = { env: { NUXT_ENV: env[process.env.MODE] } }
最后我们在页面里面使用,代码如下:
const api = { prod: 'https://ydhtml.com', test: 'https://test-ydhtml.com', rc: 'https://rc-ydhtml.com' } const baseURL = api[process.env.NUXT_ENV.MODE]
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:[email protected]进行举报,并提供相关证据,查实之后,将立刻删除涉嫌侵权内容�
猜你喜欢
javascript如何实现继承?有哪些继承方法?很多刚接触javascrip继承的朋友,可能对于javascrip继承方法不是很清楚,因此这篇文章文章就给大家介绍一下JavaScript 实现继承的几种方式,小编认为是比较实用的,下面就跟随小编一起来了解一下吧�
很多人比较好奇用javascript如何来统计字符的个数?这篇文章小编就给大家分享下用JavaScript统计字符串中字符出现的次数的代码,有需要或者感兴趣的朋友可以深入了解一下�
这篇文章主要介绍了基于vue的video播放器的实现示例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
这篇文章主要为大家详细介绍了原生js实现无缝轮播图效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一�
这篇文章主要介绍了浅谈vue.watch的触发条件是什么?具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
推荐内容
联系我们
24小时售后 � 24小时售后TEL�0668-2555666 售前咨询TEL�400-678-4567 投诉建议TEL�0668-2555999 投诉建议邮箱:t[email protected] 信息安全TEL�0668-2555118 域名空间客服 � 公司总机�0668-2555555 公司传真�0668-2555000Copyright © QY Network Company Ltd. All Rights Reserved. 2003-2020 群英 版权所� 茂名市群英网络有限公�
增值电信经营许可证 : B1.B2-20140078