一般在我们项目开发中,一般会有以下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: 'http://ydhtml.com', test: 'http://test-ydhtml.com', rc: 'http://rc-ydhtml.com' } const baseURL = api[process.env.NUXT_ENV.MODE]
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:mmqy2019@163.com进行举报,并提供相关证据,查实之后,将立刻删除涉嫌侵权内容。
长按识别二维码并关注微信
更方便到期提醒、手机管理