proxy代理解决vue中跨域问题

vue.config.js

javascript 复制代码
module.exports = {
  ...
  // webpack-dev-server 相关配置
  devServer: {
    host: '0.0.0.0',
    port: port,
    open: true,
    proxy: {
      '/api': {
        target: `https://vfadmin.insistence.tech/prod-api`,
        changeOrigin: true,
        pathRewrite: {
          //['^' + process.env.VUE_APP_BASE_API]: ''
          '^/api': '/' 
        }
      }
    },
  }
}

解释:

遇见/api开头的接口,代理到https://vfadmin.insistence.tech/prod-api,拼接成https://vfadmin.insistence.tech/prod-api/api

有没有pathRewrite取决于接口中有没有'/api',如果接口没有/api,则将所有api变成空即可

相关推荐
Ustinian_3102 小时前
【HTML】前端工具箱实现【文本处理/JSON工具/加解密/校验和/ASCII/时间戳转换等】【附完整源代码】
前端·html·json
s9123601013 小时前
【Rust】使用lldb 调试core dump
前端·javascript·rust
前端开发呀3 小时前
🔥 99%由 Trae AI 开发的 React KeepAlive 组件,竟然如此优雅!✨
前端·trae
不是鱼3 小时前
Canvas学习笔记(一)
前端·javascript·canvas
我有一棵树3 小时前
React 中 useRef 和 useState 的使用场景区别
前端·javascript·react.js
喵个咪3 小时前
Qt6 QML 实现DateTimePicker组件
前端·qt
yinuo3 小时前
CSS奇技淫巧:用你意想不到的4种属性实现裁剪遮罩效果
前端
晓翔仔3 小时前
网络安全之Web入侵场景
前端·安全·web安全·网络安全·信息安全
想努力找到前端实习的呆呆鸟3 小时前
Uniapp如何下载图片到本地相册
前端·vue.js·微信小程序
fmk10233 小时前
Vue中的provide与inject
前端·javascript·vue.js