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

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

相关推荐
r***F2626 小时前
Go-Gin Web 框架完整教程
前端·golang·gin
chilavert3186 小时前
技术演进中的开发沉思-220 Ajax:XMLHttpRequest 对象
前端·javascript
IT_陈寒6 小时前
Python开发者必看:5个被低估但能提升200%编码效率的冷门库实战
前端·人工智能·后端
g***78916 小时前
鸿蒙NEXT(五):鸿蒙版React Native架构浅析
android·前端·后端
q***71856 小时前
Webpack、Vite区别知多少?
前端·webpack·node.js
千里念行客2406 小时前
国产射频芯片“小巨人”昂瑞微今日招股 拟于12月5日进行申购
大数据·前端·人工智能·科技
你挚爱的强哥7 小时前
【sgSelectExportDocumentType】自定义组件:弹窗dialog选择导出文件格式word、pdf,支持配置图标和格式名称,触发导出事件
vue.js·pdf·word
小杨快跑~8 小时前
Vue 3 + Element Plus 表单校验
前端·javascript·vue.js·elementui
我叫张小白。9 小时前
Vue3监视系统全解析
前端·javascript·vue.js·前端框架·vue3
WYiQIU13 小时前
11月面了7.8家前端岗,兄弟们12月我先躺为敬...
前端·vue.js·react.js·面试·前端框架·飞书