Vue 设置环境变量和模式

wsuo

发布于 2020-10-26 14:39:17

7400

发布于 2020-10-26 14:39:17

文章被收录于专栏：技术进阶之路

在项目的根目录下新建两个文件：

.env.dev
.env.prod

文件内容如下：

开发环境：

NODE_ENV=development
VUE_APP_SERVER=http://127.0.0.1:9000

生产环境：

NODE_ENV=production
VUE_APP_SERVER=http://127.0.0.1:9000

在 main.js 中打印一下看看：

console.log("环境: ", process.env.NODE_ENV);

在请求的时候可以调用系统环境作为请求路径：

process.env.VUE_APP_SERVER + '/business/admin/chapter/save'

启动脚本

我们可以通过设置参数的方式改变启动的配置文件：

vue-cli-service serve --mode dev

在 package.json 中设置：

{
  "name": "admin",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "serve-dev": "vue-cli-service serve --mode dev",
    "serve-prod": "vue-cli-service serve --mode prod",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint"
  },
  ...

在编辑器中就能看到这几个启动脚本：

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2020/10/13 ，如有侵权请联系 cloudcommunity@tencent.com 删除

javascript

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体同步曝光计划，欢迎热爱写作的你一起参与！

javascript

登录后参与评论

0 条评论

热度

Vue 设置环境变量和模式

Vue 设置环境变量和模式

启动脚本

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐