做衣服招临工在什么网站找,查看网站cms,中元建设集团股份有限公司网站,河南炒股配资网站开发原文作者#xff1a;我辈李想 版权声明#xff1a;文章原创#xff0c;转载时请务必加上原文超链接、作者信息和本声明。 文章目录 前言一、env文件二、vue3cli加载env1..env配置2..dev配置#xff08;其他环境参考#xff09;3.package.json文件4.使用 三、vue3vite加载e… 原文作者我辈李想 版权声明文章原创转载时请务必加上原文超链接、作者信息和本声明。 文章目录 前言一、env文件二、vue3cli加载env1..env配置2..dev配置其他环境参考3.package.json文件4.使用 三、vue3vite加载env1..env配置2..dev配置其他环境参考3.package.json文件4.使用 前言
目前vue程序可以通过cli和vite两种方式构建但是两种方式加载env的方式有些不同这里基于自己的理解简单记录。 一、env文件
通过我们会在项目的根目录下创建.env文件通常包括.env、.env.dev、.env.pro、.env.test这里的env文件跟后边的动态加载有关。
二、vue3cli加载env
1…env配置
通过cli加载env配置中名字需要以VUE_APP开头
VUE_APP_PORT 80002…dev配置其他环境参考
VUE_APP_BASE_URL_APIhttp://127.0.0.1:8000/api/
VUE_APP_ENV development3.package.json文件
{name: ruleVue,version: 0.1.0,private: true,scripts: {serve: vue-cli-service serve --mode dev,build: vue-cli-service build --mode pro,lint: vue-cli-service lint --mode test},...
}4.使用 三、vue3vite加载env
1…env配置
通过cli加载env配置中名字需要以VITE_开头
VITE_PORT 80002…dev配置其他环境参考
VITE_BASE_URL_APIhttp://127.0.0.1:8000/api/
VITE_ENV development3.package.json文件 scripts: {dev: vite --mode dev,pro: vite --mode pro,build:dev: vite build --mode dev,build:pro: vite build --mode pro,preview: vite preview},...4.使用
import.meta.env.VITE_API_URL
