uiapp vue 跨域问题代理

xxx.xxx

于 2020-06-29 08:30:40 发布

阅读量496

点赞数

文章标签： vue.js

本文链接：https://blog.youkuaiyun.com/weixin_44202574/article/details/107012725

版权

本文详细介绍了如何在uniapp和Vue项目中解决跨域问题，通过配置代理服务器，实现本地开发环境下API请求的正常工作。示例代码展示了如何设置代理目标、开启代理并重写路径。

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

uiapp vue 跨域问题代理

uniapp目录下打开源码视图源码如下

   "h5" : {
        "devServer" : {
            "port" : "",
            "disableHostCheck" : true,
            "proxy" : {
                "/api" : {
                    "target" : "http://172.16.6.21:8080",   //设置代理的ip
                    "changeOrigin" : true,
                    "pathRewrite" : {
                        "^/api" : ""   //相当于http://172.16.6.21:8080的简写
                    }
                }
            }
        }
    }

使用
在这里插入图片描述

** vue**

在这里插入图片描述新建

module.exports = {
 devServer: {
          //设置代理
        proxy: {
            '/api' : {
                target: "http://localhost:8888",//域名
                changeOrigin: true,//开启代理
                pathRewrite: {
                    '^/api' : '/'
                }
              }
          }
      }
};