vue3+vite+axios代理跨域

import { defineConfig } from 'vite'

export default defineConfig({
  server: {
    proxy: {
      // 将请求代理到另一个服务器
      '/api': {
        target: 'http://127.0.0.1:8000',
        changeOrigin: true,
        rewrite: path => path.replace(/^\/api/, ''),//去除前缀api
      }
    }
  }
})

以上代码中,我们使用defineConfig()函数定义了Vite的配置。在服务器选项中,我们定义了一个代理对象,该对象的键为/api,表示我们要代理的路径前缀。接着,我们设置了代理目标服务器地址为http://127.0.0.1:8000,并启用跨域请求。rewrite选项使得我们去掉了被代理请求路径的前缀/api

通过这种方式,当您在Vue组件或其他部分中发送到路径/api/table/get-table时,它将代理到http://127.0.0.1:8000/table/get-table

希望能帮到您。如果您还有任何问题,请随时提出。

axios 定义

axios.get("/api/table/get-table")

代理请求到http://127.0.0.1:8000/table/get-table

你可能感兴趣的:(前端,vue.js,前端,javascript)