在webpack.dev.conf.js使用dev-server做代理，前端請(qǐng)求代理地址，npm run dev時(shí)報(bào)錯(cuò)？

webpack.dev.conf.js文件——dev-server對(duì)象

devServer: {
    clientLogLevel: 'warning',
    historyApiFallback: true,
    hot: true,
    host: process.env.HOST ||?config.dev.host,
    port: process.env.PORT ||?config.dev.port,
    open: config.dev.autoOpenBrowser,
    overlay: config.dev.errorOverlay ? {
      warnings: false,
      errors: true,
    } : false,
    publicPath: config.dev.assetsPublicPath,
    proxy: config.dev.proxyTable,
    quiet: true, // necessary for FriendlyErrorsPlugin
    watchOptions: {
      poll: config.dev.poll,
    },
    before(app) {
      app.get('/api/joke', function(req, res) {
        // 請(qǐng)求的api地址
        const url = 'http://api.jisuapi.com/xiaohua/text'

        axios.get(url, {
          params: req.query
        }).then((response) => {
            res.json(response)
        }).catch((error) => {
            console.error(error)
        })
      })
    }
  }

joke.vue文件

created() {
    this.axios.get('/api/joke', {
        params: {
            appkey: 'appkey',
            pagenum: 1,
            pagesize: 20,
            sort: 'addtime'
        }
    }).then((res) => {
        console.log(res)
    }).catch((err) => {
        console.error(err)
    })
}

運(yùn)行npm run dev時(shí)，報(bào)以下錯(cuò)誤

其中params沒(méi)有問(wèn)題，因?yàn)槭褂胮roxyTable代理是可以返回?cái)?shù)據(jù)的。
請(qǐng)問(wèn)這個(gè)問(wèn)題該怎么解決？