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

相关推荐
迟_22 分钟前
CSS-实现图片靠右
前端·css
weixin_3954489125 分钟前
下位机&yolov11输出
java·服务器·前端
秋秋秋秋秋雨29 分钟前
基于若依的vue3+springboot3基础架构项目,前端优化
前端
Dragon Wu31 分钟前
Web前端 认证token的安全存储策略
前端·javascript·安全·react.js·前端框架
橙露33 分钟前
各类 Shell 优劣势深度解析与实战选型指南
前端·chrome
广州华水科技36 分钟前
单北斗GNSS在变形监测中的应用与发展探讨
前端
雨季66638 分钟前
构建 OpenHarmony 简易分账计算器:用除法解决日常公平难题
javascript·flutter·ui·自动化·dart
克里斯蒂亚诺更新41 分钟前
vue2 单文件组件加入浏览器的title和ico的方法
前端·javascript·html
csdn_aspnet1 小时前
JavaScript常用算法深度解析:从浏览器到Node.js的实战
javascript·node.js
2401_892000521 小时前
Flutter for OpenHarmony 猫咪管家App实战 - 疫苗记录实现
开发语言·javascript·flutter