前端proxy代理

最新推荐文章于 2025-06-13 14:00:00 发布

原创最新推荐文章于 2025-06-13 14:00:00 发布 · 4.9k 阅读

8 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #javascript

webpack 专栏收录该内容

3 篇文章

订阅专栏

在前后端分离的开发模式下，由于跨域限制，前端通常需要通过本地代理服务解决这个问题。本文主要介绍如何在Vue.js项目中配置代理来实现跨域请求。

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

前后端分离开发的时候会出现跨域，前端可以通过webpack-dev-server进行本地代理服务。

设置代理

devServer: {
        proxy: {
            '/api': {
                // 接口访问的地址
                target: url,
                secure: false,  // 如果是https接口，需要配置这个参数
                pathRewrite: { '^/api': '' }, // 访问接口前面需要拼接的部分
                changeOrigin: true, // 是否跨域
                // 关键部分
                cookieDomainRewrite: {
                    '*': 'localhost' // 把相应的 cookie 域都设置成 localhost，也可以配置成自己电脑的ip，或者指定的域名
                }
            },
        }
    },