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 分钟前
websocket的连接原理
前端·javascript
念你那丝微笑19 分钟前
vue实现批量导出二维码到PDF(支持分页生成 PDF)
前端·vue.js·pdf
Renounce24 分钟前
《Android Handler:线程间通信的核心实现》
前端
CAD老兵26 分钟前
打造高性能二维图纸渲染引擎系列(一):Batched Geometry 助你轻松渲染百万实体
前端·webgl·three.js
前端老宋Running26 分钟前
微信小程序的操作日志收集模块
前端
CAD老兵30 分钟前
打造高性能二维图纸渲染引擎系列(三):高性能 CAD 文本渲染背后的隐藏工程
前端·webgl·three.js
不太会写33 分钟前
又开始了 小程序定制
vue.js·spring boot·python·小程序
CAD老兵34 分钟前
打造高性能二维图纸渲染引擎系列(二):创建结构化和可扩展的渲染场景
前端·webgl·three.js
王木风34 分钟前
1分钟理解什么是MySQL的Buffer Pool和LRU 算法?
前端·mysql
Jerry_Rod36 分钟前
vue 项目如何使用 mqtt 通信
前端·vue.js