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

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

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

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

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

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

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

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

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

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

 

 

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

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

上一篇:webpack.config.js配置文件报错:The 'mode' option has not been set


下一篇:ansible的playbook创建nginx站点配置示例