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

相关推荐
云烟飘渺o6 分钟前
JPA 的脏检查:一次“没 save() 却更新了”的排查记录
前端
Neptune111 分钟前
深入浅出:理解js的‘万物皆对象’与原型链
前端·javascript
阿迷不想上班11 分钟前
windows自动任务定期执行
javascript
王霸天14 分钟前
扒一扒 Vue3 大屏适配插件 vfit 的源码:原来这么简单?
前端
王霸天20 分钟前
拒绝 rem 计算!Vue3 大屏适配,我是这样做的 (vfit 使用体验)
前端
xinyu_Jina23 分钟前
ikTok Watermark Remover:客户端指纹、行为建模与自动化逆向工程
前端·人工智能·程序人生·信息可视化
Zohnny28 分钟前
3.组合式函数
vue.js
盗德28 分钟前
最全音频处理WaveSurfer.js配置文档
前端·javascript
Heo29 分钟前
关于Gulp,你学这些就够了
前端·javascript·面试
Irene199130 分钟前
web前端开发岗位就业前景和未来变化分析(附:AI技术如何进一步影响前端工作)
前端