vue-cli3配置开发环境和生产环境的图片地址

因为vue-cli3创建出来的目录已经没有config文件了。

所以以往在config中的一些生产环境的文件,就需要自己在根目录下面创建了。

1、创建普通全局变量 .env
2、创建开发环境变量 .env.development
3、创建生产环境变量 .env.production

我现在的需求是图片链接的地址开发环境和生产环境是不一样的,所以需要自己配置一下。

开发环境定义如下(.env.production文件也同样定义):

在页面中需要用到时,如下引用就可以了:

自己把路径拼到图片上就可以了

注:开发环境下默认选中.env.development ;

  npm run build  命令运行时 系统则会使用 .env.production 

猜你喜欢

转载自www.cnblogs.com/tanweiwei/p/12559962.html
今日推荐