vue3+vite+axios:解决跨域问题_vue3.0 vite跨域代理axios无法替换主路径

采用代理的方式

1.vite.config.js

import { fileURLToPath, URL } from 'node:url'
 
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
 
// https://vitejs.dev/config/
export default defineConfig({
  plugins: [vue()],
  resolve: {
    alias: {
      '@': fileURLToPath(new URL('./src', import.meta.url))
    }
  },
  server:{
    proxy: { 
      '/api': {
       target: "https://voice.baidu.com/api/newpneumonia",
       changeOrigin: true,
       rewrite: (path) => path.replace(/^\/api/, '')
      }
    }
  }
})

target:要请求的网址

2.使用

如果只是使用当前的网址那么url就为：/api

axios({
    url:'/api',
    method:'get'
  }).then((res)=>{
    console.log(res.data);
  })

 参考文章：vite+axios解决跨域问题-pudn.com