nuxt.js配置BASE_URL(基本域名)和NODE_ENV(环境变量)

2 篇文章 0 订阅

第一步:安装 cross-env(这个迷你的包能够提供一个设置环境变量的scripts)

npm i cross-env -D

第二步:配置BASE_URLNODE_ENV

在package.json文件中:

"scripts": {

    "dev": "cross-env BASE_URL=http://192.168.3.12/strategyService NODE_ENV=development nuxt",

    "build": "cross-env BASE_URL=/strategyService NODE_ENV=production nuxt build",

    "start": "cross-env BASE_URL=/strategyService NODE_ENV=production nuxt start",

    "generate": "cross-env BASE_URL=/strategyService NODE_ENV=production nuxt generate"

  },

一定要注意,命令一定要写在末尾,cross-env能跨平台地设置及使用环境变量,这样我们在执行不同的命令(npm run  xxx)时,都会设置相应的BASE_URL(基本域名)和NODE_ENV(环境变量)

第三步:配置nuxt.config.js

// nuxt.config.js
module.exports = {
  mode: 'universal',
  env: {
    BASE_URL: process.env.BASE_URL,
    NODE_ENV: process.env.NODE_ENV
  }
}

第四步:使用

你在任意页面console.log(process.env.BASE_URL)都是可以打印得出来的

参考链接:https://www.cnblogs.com/djjlovedjj/p/10268253.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值