引言

新手在使用vue的vue.config.js中的devServer选项配置代理解决问题时候，由于读不懂配置，很难配置正确的路由。导致出现问题

解决

加上一个选项，就能打印日志，就可以看到路由如何代理啦！这样子就不会担心配不对了

  devServer: {
    open: true,
    hot: true,
    port: 8025,
    // 配置代理
    proxy: {
      '/api': {
        target: 'https://xxx.com,
        changeOrigin: true,
        logLevel: 'debug'
      }
    }
  

假如你使用的是高级版本的webpack的话，你需要开启infrastructureLogging配置，这样你才能看到信息。

  configureWebpack: {

    infrastructureLogging: {
      debug: [name => name.includes('webpack-dev-server')],
    },

  }