uniapp之Vue3配置跨域(代理)

在uni-app中,我们可以使用vue.config.js文件来配置跨域(代理)。以下是一个示例:

javascript 复制代码
// vue.config.js
module.exports = {
  devServer: {
    proxy: {
      '/api': { // 这里填写你要代理的接口前缀,例如'/api'
        target: 'http://localhost:3000', // 这里填写你要代理的目标服务器地址
        changeOrigin: true, // 改变请求头中的host为目标服务器地址
        pathRewrite: { // 重写路径,例如将/api/user重写为/user
          '^/api': ''
        }
      }
    }
  }
}

在这个例子中,我们将所有以'/api'开头的请求代理到'http://localhost:3000'。这样,我们就可以在本地开发环境中访问后端服务器了。

注意:这个配置只在开发环境中生效,生产环境需要另外配置。

相关推荐
落日漫游10 分钟前
代码报错难排查?借助Gemini快速修复
前端
niconicoC10 分钟前
让 Three.js 场景更真实:我用高斯泼溅和 SparkJS 做了一个可交互的 3D Demo
前端·webgl
Darling噜啦啦14 分钟前
JavaScript 数组深度解析:从纯函数到二维数组陷阱,一文吃透前端数据结构核心
前端·javascript·数据结构
万少14 分钟前
一封邮件,让我重新打开了搁置半年的鸿蒙应用
前端·javascript·后端
wjj不想说话16 分钟前
你的小程序活动页,可能已经成了后台配置的杂物间
前端
梦想是准点下班17 分钟前
androidStudio打包,我又又又忘了
前端
槑有老呆18 分钟前
栈队列链表,三个故事就懂了
前端
ViavaCos35 分钟前
pnpm v11 的安全策略,让我踩了个坑
前端
To_OC36 分钟前
从一段定时器代码,重新捋清 JS 同步、异步与 Promise
前端·javascript·代码规范
持敬chijing38 分钟前
Web渗透之前后端漏洞-XSS漏洞原理攻击防御全流程
前端·安全·web安全·网络安全·网络攻击模型·安全威胁分析·xss