[vue]Vue-Cli3 如何配置全局生产环境及开发环境等信息

 1、创建出的项目和以往的有了很多的变化，目录及命令有也是。尤其是config文件夹已经没有了。如图：

图片：1.png

2、那么我以往中需要在config中文件一些生产环境，或者跨域处理现在得自己在根目录下创建了。


3、以上就是配置及获取普通全局和开发环境下的了。
   1、开发环境下默认选中.env.development
   2、注意：npm run build  命令运行时 系统则会使用 .env.production
转自：https://blog.csdn.net/qq_41387882/article/details/88309917

main.js中写以下的判断

if(process.env.NODE_ENV === 'development') { //说明当前为开发环境
  // 开发环境相关特殊方法
 Axios.defaults.baseURL=process.env.API_HOST;
 //baseUrl地址使用.env.development文件中的配置对象API_HOST，API_HOST名称不固定，根据你的定义的来
}
else if(process.env.NODE_ENV === 'production'){
  // 生产环境相关特殊方法
  Axios.defaults.baseURL=process.env.API_HOST;
  // baseUrl地址使用.env.production文件中的配置对象API_HOST，API_HOST名称不固定，根据你的定义的来
}

ぃ菜鸟：阳阳姐,你没给他们说config文件呀,漏掉了吧.config文件就很重要了,直接在项目更目录下创建一个vue.config.js文件,里面就是用啥写啥就行,注意命名一定要是这个,不然解析不了回到原帖

哈哈，好的

还有就是3.0版本的跨域一般都是在vue.config.js文件里写就好了,不想2.0版本去已有文件里配置,评论不能贴图,不然我就贴上了,哈哈

阳阳姐,你没给他们说config文件呀,漏掉了吧.config文件就很重要了,直接在项目更目录下创建一个vue.config.js文件,里面就是用啥写啥就行,注意命名一定要是这个,不然解析不了