vue跨域 在vue.config.js里配置proxy不起作用

Question

 vue.config.js文件中的内容，端口号8888是生效的，但是proxy的配置就无效

module.exports = {
    devServer: {
      port: 8888,
      proxy: {
        '/api': {
          target: 'http://127.0.0.1:9002/',
          ws: true,
          changeOrigin: true,
          pathRewrite: {'^/api': ''}
        }
      }
    }
  }

 我的请求路径：

const { data: res } = await this.$http.get("/api/search/recommend")

浏览器的报错：

 

哪里写错了呢 ？

Answer 1

前面是不是要加一个async?(这个方法名前面）

Answer 2

vue.config.js里的配置没有问题，请问你的$http是怎么配置的？如果$http=axios，通过

axios.get("/api/search/recommend").then((res) => {console.log(res);})

以上写法我亲测能正常请求成功