uniapp H5 端配置代理

最新推荐文章于 2025-09-12 11:07:50 发布

原创最新推荐文章于 2025-09-12 11:07:50 发布 · 994 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#uni-app #前端 #javascript

uniapp归档专栏收录该内容

2 篇文章

订阅专栏

在manifest.json文件中，通过配置`devServer.proxy`可以解决H5应用在开发阶段的跨域问题。具体设置是将/api路径的请求代理到http://122.9.149.110:8089，并开启`changeOrigin`以改变源，同时使用`pathRewrite`将/api重写为/，确保请求正确转发。

manifest.json 文件中添加如下代码：

"h5" : {
        // 解决h5 跨域问题
        "devServer" : {
            "proxy" : {
                "/api" : {
                    "target" : "http://122.9.149.110:8089",
                    "changeOrigin" : true,
                    "pathRewrite" : {
                        "^/api" : "/"
                    }
                }
            }
        }
    }