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

相关推荐
Fantasydg1 小时前
Request Response对象
前端
Wect1 小时前
学习React-DnD:核心组件与Hooks
前端
humors2211 小时前
前端开发案例(不定期更新)
前端·vue.js·elementui·ruoyi·若依
菠萝+冰1 小时前
npm中-d -g 和默认安装的区别
前端·npm·node.js
心随雨下1 小时前
Flutter Material 3设计语言详解
javascript·flutter·设计语言
一路向北North2 小时前
网页版预编译SQL转换工具
前端·javascript·sql
拿不拿铁192 小时前
Vite 5.x 开发模式启动流程分析
前端
fruge3 小时前
设计稿还原技巧:解决间距、阴影、字体适配的细节问题
前端·css
把csdn当日记本的菜鸡3 小时前
js查缺补漏
开发语言·javascript·ecmascript
BBB努力学习程序设计3 小时前
了解响应式Web设计:viewport网页可视区域
前端·html