electron-vue在开发环境中跨域请求代理配置(亲测有效!!!)

本文介绍了如何在Electron Vue项目中通过webpack-dev-server配置proxy,为不同接口设置代理目标,以简化开发环境下的请求转发。详细展示了如何为/admin、/data和/temp路径分别配置不同的代理地址并启用跨域。

文件位置:项目 .electron-vue——dev-runner.js,添加proxy即可,target换成自己项目的请求地址即可。直接上代码:

const server = new WebpackDevServer(
      compiler,
      {
        contentBase: path.join(__dirname, '../'),
        quiet: true,
     +  proxy: {
     +    // 配置整个项目请求代理,不用区分
     +    // context: () => true,
     +    // target: 'http://www.exols.cn/',
     +   
     +    // 下面单独给某一类接口配置
     +    '/admin': {
     +      target: 'http://192.168.0.222:8888',
     +      changeOrigin: true
     +    },
     +    '/data': {
     +      target: 'http://192.168.0.222:9999',
     +      changeOrigin: true
     +    },
     +    '/temp': {
     +      target: 'http://192.168.0.222:18080',
     +      changeOrigin: true
     +    },
     +  },
        before(app, ctx) {
          app.use(hotMiddleware)
          ctx.middleware.waitUntilValid(() => {
            resolve()
          })
        }
      }
    )
评论 17
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值