Vue3 vite.config.ts 配置跨域代理,请求接口404?

作者站长头像
站长
· 阅读数 5

vite.config.ts

server: {
    // host: '0.0.0.0',
    cors: true,
    open:true,
    // 跨域配置
    proxy: {
      '/api': {
        target: 'http://192.168.0.34:8888',  // 后台接口地址
        changeOrigin: true,
        rewrite: path => path.replace(/^\/api/, '')
      }
    }
  },

调用

const test = () => {
  return axios({
    url: '/api/getAll',
    method: 'get',
  })

一直报错 404

Vue3 vite.config.ts 配置跨域代理,请求接口404?

axios的baseUrl 没有配置

求教如何才能请求通接口另外 按照不同环境请求不同url vue3在什么地方配置

回复
1个回答
avatar
test
2024-07-07

看接口有没有带上/api,如果接口本身就有/api则不需要重新路径,否则才重写

回复
likes
适合作为回答的
  • 经过验证的有效解决办法
  • 自己的经验指引,对解决问题有帮助
  • 遵循 Markdown 语法排版,代码语义正确
不该作为回答的
  • 询问内容细节或回复楼层
  • 与题目无关的内容
  • “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容