vue-cli3.0设置.env.development无法获取内容?

发布于 2022-09-12 03:05:29 字数 1090 浏览 15 评论 0

.env.development设置如下截图:
image.png
vue.config.js配置如下:
image.png
在引用取值是如下:image.png

控制台输出截图:
image.png
process.env这个对象下面为什么只获取到了一个属性?设置的VUE_APP_API_URL属性无法获取到?

求指点

另外,我对比了之前的一个项目。发现了我自己当前这个项目差了点东西:image.png
少了个utils和.env。不知道这两个有没有什么影响

这是我当前项目的总的环境结构:
image.png
是不是少了什么东西导致的?

现在我又好像弄出来了,我修改了:
image.png
然后控制台就打出来了:
image.png

但是还是说明.env.development中的设置仍然没有起作用,:image.png
我也不明白为什么要设置这个玩意,直接如上图这样在config/dev.env.js中修改会有什么影响?还是说我这样操作是没有效果的,错误的做法?

我这边的配置文件中还差很多东西,的确环境有问题:
image.png

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

南笙 2022-09-19 03:05:29

看上去没什么问题,
可能是配置了变量,你没有重跑项目造成的

嘦怹 2022-09-19 03:05:29

这是我的配置方法
package.json配置

//package.json
  "scripts": {
    "serve": "vue-cli-service serve",// 默认本地运行配置 .env.development
    "pro-serve": "vue-cli-service serve --mode production",// 本地运行生产配置.env.production
    "build": "vue-cli-service build",// 默认打包 .env.production
    "dev-test-build": "vue-cli-service build --mode test",// 我单独新建.env.test文件 打测试环境包
    "lint": "vue-cli-service lint"
  },

.env.test

//.env.test
NODE_ENV=production
VUE_APP_BASE_API=http://cs.com
// env文件内变量默认字符串,不需要加"" ''这类的

{E0398F16-523D-410A-8E3A-EDC1F96861E1}_20200605100349.jpg

图片.env.development内这地方把 ‘’ 号去掉

  1. env文件内不需要'',
  2. 而且.env.development文件不需要配置NODE_ENV,这文件本身默认NODE_ENV=development
自由范儿 2022-09-19 03:05:29

问个问题大佬,求个联系方式,vue-cli3无法获取变量

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文