在vue中解决请求跨域问题

1.基于vite构建

1.1 配置代理

在配置文件和组件的具体请求路径中，进行路径拼接

export default defineConfig({

  server: {
    proxy: {
      '/api': {
        target: 'https://tcsday.com',
        changeOrigin: true,
      },
    }
  }

})

1.2 组件拼接完整路径

<script setup lang="ts">
import axios from "axios";

axios.post("/api/weather?name=贺州市").then((res) => {
    console.log(res.data);

})
</script>