Vue生产环境和开发环境的配置

没你好看

于 2022-01-15 16:38:48 发布

阅读量3.1k

点赞数 1

文章标签： vue.js javascript 前端

本文链接：https://blog.youkuaiyun.com/qq_51218646/article/details/122512216

版权

本文介绍了如何在Vue项目中配置生产与开发环境，包括设置.env文件以区分线上和本地路径，创建vue.config.js调整参数，创建mock.api.js集中管理接口，并在main.js中引入及使用API。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、在不同的环境变量文件中放置我们需要的参数

.env.production 这个文件配置的是生产环境的变量，放置线上访问的路径

VUE_APP_URL=https://cli.vuejs.org/

.env.development 这个文件配置的是开发环境的变量，可以让我们在本地访问线上的路径

VUE_APP_URL=https://cli.vuejs.org/

// 这个地方的参数配置可以参照vue cli https://cli.vuejs.org/zh/config/#全局-cli-配置，根据项目需要进行配置
module.exports =