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'。这样,我们就可以在本地开发环境中访问后端服务器了。

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

相关推荐
三小河几秒前
Agent Skill与Rules的区别——以Cursor为例
前端·javascript·后端
Hilaku7 分钟前
不要在简历上写精通 Vue3?来自面试官的真实劝退
前端·javascript·vue.js
三小河14 分钟前
前端视角详解 Agent Skill
前端·javascript·后端
Aniugel27 分钟前
单点登录(SSO)系统
前端
鹏多多30 分钟前
移动端H5项目,还需要react-fastclick解决300ms点击延迟吗?
前端·javascript·react.js
serioyaoyao32 分钟前
上万级文件一起可视化,怎么办?答案是基于 ParaView 的远程可视化
前端
万少37 分钟前
端云一体 一天开发的元服务-奇趣故事匣经验分享
前端·ai编程·harmonyos
WindrunnerMax39 分钟前
从零实现富文本编辑器#11-Immutable状态维护与增量渲染
前端·架构·前端框架
不想秃头的程序员41 分钟前
Vue3 封装 Axios 实战:从基础到生产级,新手也能秒上手
前端·javascript·面试
数研小生1 小时前
亚马逊商品列表API详解
前端·数据库·python·pandas