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

相关推荐
zzginfo14 小时前
JavaScript 中 Array 、 Set 、 WeakSet 区别
开发语言·javascript·ecmascript
J_liaty14 小时前
Vue2 从入门到精通
前端·javascript·vue.js
INF_MAX14 小时前
一些不错的页面设计(持续记录)
前端
乔江seven14 小时前
LlamaIndex 实现ReAct Agent
前端·python·react.js
私人珍藏库14 小时前
Edge v146.0.3856.97 内置篡改猴脚本
前端·edge
Thomas214314 小时前
chrome cdp 三种方案对比
前端·chrome
别叫我->学废了->lol在线等14 小时前
claudecode的agent定义
前端·chrome·github
用户8061381665914 小时前
SDK(Software Development Kit,软件开发工具包)
前端
张元清14 小时前
在 React 中构建沉浸式 Web 应用:全屏、屏幕常亮与系统通知
前端·javascript·面试
王霸天14 小时前
💥大屏卡成 PPT?这 3 个性能优化招数亲测有效
前端·vue.js·数据可视化