vue-cli中配置环境变量

最新推荐文章于 2024-07-05 11:14:44 发布

Outlier_wei

最新推荐文章于 2024-07-05 11:14:44 发布

阅读量1.9k

点赞数 1

分类专栏：笔记文章标签： webpack vue node.js

本文链接：https://blog.csdn.net/alfred____/article/details/115769487

版权

本文介绍了在Vue CLI项目中如何配置和使用环境变量，包括环境变量的作用、配置基地址、端口设置，以及如何在vue.config.js中利用环境变量进行动态配置。通过创建不同环境的.env文件，实现开发和生产环境的差异化配置。

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

使用环境变量可以实现在不同环境中根据不同的情况自动切换基地址

在项目开发的不同阶段，很可能要请求不同的基地址，例如：

在开发阶段，ajax请求要发到地址a；

在上线之后，ajax请求要发到地址b

vue-cli创建的项目会有一个vue.config.js配置文件

vue.config.js 就是vue项目相关的编译，配置，打包，启动服务相关的配置文件，它的核心在于webpack，但是又不同于webpack，相当于改良版的webpack.

官网地址：文档地址

// 示例:开发环境服务端口的在vue.config.js中 位置
const port = process.env.port || process

关注