vue-cli打包配置不同的开发和生成环境

最新推荐文章于 2024-04-19 18:28:41 发布

qq_23876873

最新推荐文章于 2024-04-19 18:28:41 发布

阅读量2.4k

点赞数

分类专栏： vue

本文链接：https://blog.csdn.net/qq_23876873/article/details/99752785

版权

本文介绍了如何在Vue CLI中配置不同的开发和生产环境。通过创建`.env.development`和`.env.production`文件，设置环境变量如`VUE_APP_BASE_API`。在开发环境中，`VUE_APP_BASE_API`设为'/dev-api'，而在生产环境中则为空。在应用中，可以利用这些环境变量创建axios实例，其baseURL会根据当前环境自动调整。此外，还提到了开发模式下Vue的代理配置，用于解决跨域问题，`pathRewrite`配置确保代理与`VUE_APP_BASE_API`一致。

摘要由CSDN通过智能技术生成

新建 .env.development和 .env.production

2. .env.development文件内容

# just a flag
ENV = 'development' //开发模式

# base api
VUE_APP_BASE_API = '/dev-api' //------------->可以通过process.evn.xxx访问

# vue-cli uses the VUE_CLI_BABEL_TRANSPILE_MODULES environment variable,
# to control whether the babel-plugin-dynamic-import-node plugin is enabled.
# It only does one thing by converting all import() to require().
# This configuration can significantly increase the speed of hot updates,
# when you have a large number of pages.
# Detail:  https://github.com/vuejs/vue-cli/blob/dev/packages/@vue/babel-preset-app/index.js

VUE_CLI_BABEL_TRANSPILE_MODULES = true

.env.production文件内容