vuecli4出来这么久，相信大家都已经用上了，但是打开项目之后瞬间蒙了，这。。。。。配置文件在哪啊？我怎么配置环境啊？

不要方，这里整理了一份vuecli4使用指南，将会持续更新，建议收藏。

配置端口号以及后端IP

vuecli4进入后，文件少了很多，很多以前的配置文件都不存在了，这里需要我们自己在根目录下创建一个vue.config.js文件，自己配置。

上代码

module.exports = {
  devServer: {
    disableHostCheck: false,
    host: "0.0.0.0", // 主机地址
    port: 8090, // 端口号
    https: false,
    hotOnly: false,
    // 代理配置，常见的请求就两种，跨域和代理，日常开发中应该是代理用的最多
    proxy: {
      '/': { // ‘/’表示地址的默认请求IP，可以通过不同访问路径的开头区别不同地址。如'/api'就是以api
        target: 'http://192.168.11.102:8100', // 后端地址及端口号
        changeOrigin: true, // 是否跨域
        pathWrite: {} // 路径重写
      }
    }
  },
};