vue3.x第三方接口代理报404

Question

问题描述

vue3.x第三方接口代理报404
网上查找

相关代码

  devServer: {
    host: 'localhost',
    port: 8080,
    https: false,
    hotOnly: false,
    proxy: {
      '/api/getDiscList': {
        target: 'https://c.y.qq.com/splcloud/fcgi-bin/fcg_get_diss_by_tag.fcg',
        secure: false,
        changeOrigin: true,
        ws: true,
        headers: {
          referer: 'https://c.y.qq.com/',
          host: 'c.y.qq.com'
        }
      }
    }
  }

axios接口请求

export function getDiscList () {
  // 线上环境地址，
  const url = debug
    ? '/api/getDiscList'
    : 'http://ustbhuangyi.com/music/api/getDiscList'

  // const url = 'http://ustbhuangyi.com/music/api/getDiscList'

  const data = Object.assign({}, commonParams, {
    platform: 'yqq',
    hostUin: 0,
    sin: 0,
    ein: 29,
    sortId: 5,
    needNewCode: 0,
    categoryId: 10000000,
    rnd: Math.random(),
    format: 'json'
  })

  return axios
    .get(url, {
      params: data
    })
    .then(res => {
      return Promise.resolve(res.data)
    })
}

你期待的结果是什么？实际看到的错误信息又是什么？

能够访问第三方接口数据

Answer 1

那个不是jsonp地址吗？axios支持jsonp了吗？

Answer 2

修改下你的 proxy配置试试看

proxy: {
  '/api/getDiscList': {
    target: 'https://c.y.qq.com/splcloud/fcgi-bin/fcg_get_diss_by_tag.fcg',
    secure: false,
    changeOrigin: true,
    ws: true,
    headers: {
      referer: 'https://c.y.qq.com/',
      host: 'c.y.qq.com'
    },
    pathRewrite:{
        '^/api/getDiscList': ''
    }
  }