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变成空即可

相关推荐
嘻嘻嘻嘻嘻嘻ys4 分钟前
《Spring Boot 3响应式架构实战:R2DBC驱动的高并发数据持久化革命》
前端·后端
滚石_stars4 分钟前
了解 CSS 的 display: inline-flex;
前端
程序员Bears4 分钟前
HTML5 新特性详解:语义化标签、表单与音视频嵌入
前端·html·html5·visual studio code
进取星辰4 分钟前
14、服务端组件:未来魔法预览——React 19 RSC实践
前端·react.js·前端框架
前端大白话10 分钟前
Vue2和Vue3语法糖差异大揭秘:一文读懂,开发不纠结!
javascript·vue.js·设计模式
剽悍一小兔10 分钟前
小程序发布后,不能强更的情况下,怎么通知到用户需要去更新?
前端
115432031q11 分钟前
基于SpringBoot+Vue实现的旅游景点预约平台功能十三
java·前端·后端
JiangJiang12 分钟前
🧠 面试官:受控组件都分不清?还敢说自己写过 React?
前端·react.js·面试
tianchang12 分钟前
JS 中 Map 的概念与使用
前端·javascript
Jenlybein12 分钟前
[ Javascript 面试题 ]:提取对应的信息,并给其赋予一个颜色,保持幂等性
前端·javascript·面试