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

.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

阅读 15.6k
3 个回答

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

这是我的配置方法
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
推荐问题