vue配置文件分析

在vue/cli3.0版本以上中，vue搭建的项目就去掉了config文件，这就是意味着当我们在需要一些的配置的时候，需要自己创建文件，当然文件的命名和格式并不是随便写的，需要遵循vue文件的格式才可以。

vue.config.js  这个文件就是我们经常需要用到的文件，在这里相当于vue-cli2里面的build文件里的config.js

在这个里面经常会做一些别名的配置和代理的配置

alias里面是配置的别名，例如当我们在组件中引入components里面的helloword.vue组件的时候

不配置别名的时候的写法是

import Helloword from '@/components/helloword'

配置别名后的写法：

import Helloword from'components/helloword';

 

devServer:这个里面的设置的是代理

proxy里的api的target可以设置指向一个根路径

但是，在做这个的时候还需要在src同级创建一个新的.env.development文件，切记这个里面的命名不是随便写的，也是根据的vue的命名法则来写的一般需要以 VUE_APP_...开发的命名  VUE_APP_NODE='http:3213213123213'，这个里面的地址和target的指向的地址必须是一致的