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

相关推荐
GISer_Jing9 分钟前
2025前端面试热门题目——计算机网络篇
前端·计算机网络·面试
m0_7482455211 分钟前
吉利前端、AI面试
前端·面试·职场和发展
理想不理想v23 分钟前
webpack最基础的配置
前端·webpack·node.js
pubuzhixing26 分钟前
开源白板新方案:Plait 同时支持 Angular 和 React 啦!
前端·开源·github
2401_8576009537 分钟前
SSM 与 Vue 共筑电脑测评系统:精准洞察电脑世界
前端·javascript·vue.js
2401_8576009537 分钟前
数字时代的医疗挂号变革:SSM+Vue 系统设计与实现之道
前端·javascript·vue.js
GDAL38 分钟前
vue入门教程:组件透传 Attributes
前端·javascript·vue.js
小白学大数据38 分钟前
如何使用Selenium处理JavaScript动态加载的内容?
大数据·javascript·爬虫·selenium·测试工具
轻口味42 分钟前
Vue.js 核心概念:模板、指令、数据绑定
vue.js
2402_857583491 小时前
基于 SSM 框架的 Vue 电脑测评系统:照亮电脑品质之路
前端·javascript·vue.js