vue生产环境和开发环境配置,vue环境搭建的几种方法

vue打包后配置接口地址 2024-01-07 10:03 275 墨鱼

vue打包后配置接口地址

vue生产环境和开发环境配置,vue环境搭建的几种方法

通过create-vue（基于Vite）或VueCLI（基于webpack）构建的项目已针对生产环境进行了预先配置。如果您使用自定义构建，请确保：vue被解析为vue.runtime.esm-bund。本文向您介绍Vue生产环境和开发环境的配置。主要内容包括1.创建开发环境和生产环境的文件，2.将需要的参数放置在不同的环境变量文件中。3.根据vuecli官网的说明，创建

Vue生产环境和开发环境的配置image.png使用webpack、Browserify等构建工具时，Vue源码会根据process.env.NODE_ENV决定是否开启生产环境模式，默认为开发环境模式。可在webpack和Browserify中使用

≥ω≤ 由于我的API地址不是一个服务器，需要很多API地址，所以输入josn文件以便于管理。如果不知道怎么使用，可以查看我之前的文章关于vue生产环境和开发环境的不同配置**开发环境****测试环境****生产环境**首先，项目开发会在开发环境中进行。往往开发环境大多是本地计算机环境和局域网环境。开发完成后，项目将被部署到测试环境并进行测试。

vue-cli-servicebuild--modestaging将在staging模式下加载可能的.env、env.staging和.env.staging.local文件，然后构建生产环境应用程序。两种情况下，根据NODE_ENV，1.在src的同级目录下新建文件，即根目录：env.development(开发环境)、env.test(测试环境)、env.Production文件(生产环境)2. 三个配置文件的配置内容如下：

后台-插件-广告管理-内容页尾部广告（手机）

标签： vue环境搭建的几种方法