http代理配置，解决跨域问题

树旅小爷

于 2021-07-14 11:17:01 发布

阅读量851

点赞数 1

分类专栏：前端

本文链接：https://blog.youkuaiyun.com/milk_tiger/article/details/118722521

版权

前端专栏收录该内容

17 篇文章

订阅专栏

本文详细介绍了如何在Vite和Vue项目中设置API代理，以解决跨域问题。通过配置proxy，可以将'/api'路径的请求转发到指定的目标服务器'http://v.juhe.cn'，实现换源并重新映射路径。了解此配置对于前端开发者在本地开发过程中与后端接口联调至关重要。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.vite写法

export default {
    proxy: {
        '/api': {
            target: 'http://v.juhe.cn',
            changeOrigin: true,//换源
            rewrite: path => path.replace(/^\/api/, '')
        }
    }
}

2.vue写法

在这里插入图片描述

3.代理后发起请求

在这里插入图片描述

4.使用

在这里插入图片描述