接口是不是有问题

Question

还有我在 vue.config.js 中配置的跨域配置, 我们已经重写了路径, 为什么在请求时还包含了 /api 字符串

ENV = 'development'

VUE_APP_BASE_API = '/api'

const instance = axios.create({
  baseURL: process.env.VUE_APP_BASE_API,
  timeout: '5000'
})

const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
  transpileDependencies: true,
  devServer: {
    proxy: {
      '/api': {
        target: 'https://apis.imooc.com',
        changeOrigin: true,
        pathRewrite: {
          '^/api': ''
        }
      }
    }
  }
})

Answer 1

Sam 2025-03-24 11:44:16

同学你好，可以直接调用这个接口获取API数据：http://book.youbaobao.xyz:5000/screen/data

• 提问者 hmxs_hmbb #1

  老师我们这个跨域的配置应该没有问题啊, 为什么最终请求的路径中还有 /api 路径字符呢

• Sam 回复 提问者 hmxs_hmbb #2

  因为vue.config.js中配置了代理配置，通过捕获url中的api，然后进行替换，配置如下：
  proxy: {
        '/api': {
          target: 'https://apis.imooc.com',
          changeOrigin: true,
          pathRewrite: {
            '^/api': ''
          }
        }
      }
  
  此配置会替换api及之前的host，替换为：https://apis.imooc.com