接口是不是有问题

来源：20-3 数据大屏数据接口开发

hmxs_hmbb

2025-03-20

图片描述
还有我在 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': ''
        }
      }
    }
  }
})

写回答

1回答

Sam

2025-03-24

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

Sam

hmxs_hmbb

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

2025-04-08

共2条回复

数据可视化入门到精通-打造前端差异化竞争力

同级别前端，掌握数据可视化薪资更高

1520 学习 · 1043 问题

查看课程

相似问题

调取接口访问异常

回答 1

调取数据接口异常

回答 1

销售列表接入API数据后展示问题

回答 1

有一个小问题

回答 1

代码完成复制课程的，但是maps请求失败

回答 2

打开慕课网App查看更多内容