proxy代理服务器，实现跨域

最新推荐文章于 2025-03-10 17:49:03 发布

王新新2255

最新推荐文章于 2025-03-10 17:49:03 发布

阅读量488

点赞数

文章标签： vue.js

本文链接：https://blog.csdn.net/m0_60336681/article/details/120083555

版权

在前端开发中，由于本地开发环境与后台API服务器不在同一域下，会出现跨域问题。Vue提供了配置devServer的proxy选项来解决这个问题。在vue.config.js中，可以设置当请求以'/api'开头时，代理到'http://localhost:3000'，通过pathRewrite将'/api'路径重写为空，实现接口的跨域访问。

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

proxy解决跨域问题
首先我们在本地开发，域名都是localhost，当我们需要请求后台数据时，就会出现跨域的问题

在vue.config.js配置文件里：

module.exports = {
    devServer:{
        proxy:{
            '/api':{
            // 当你请求是以/api开头的接口，则我帮你代理访问到http://localhost:3000
                target:'http://localhost:3000',
                pathRewrite:{
                    '^/api':''
                }
            }
        }
    }
}