在electron-vue中配置跨域代理

对于下面问题解决:

No 'Access-Control-Allow-Origin' header is present on the requested resource. 跨域问题!

在electron-vue中配置跨域代理无效,经排查是因为在webpack中绕过了proxyTable,那么应该如何进行配置?

在.eltron-vue文件夹中又一个dev-runner.js文件,在WebpackDevServer中添加代理才能生效,因为版本或组件原因导致配置位置不同导致的

废话不多说,直接上代码了:dev-runner.js中修改

     {
        contentBase: path.join(__dirname, '../'),
        quiet: true,
        proxy: {
          '/seller': {
            // 请求的目标服务器地址
            target: 'http://192.168.3.107:8080',
            // 设置允许跨域
            changeOrigin: true,
            // 重写路径
            pathRewrite: {
              '^/seller': '/seller'
            },
            headers: {
              referer: ''
            }
          }
        },
        before (app, ctx) {
          app.use(hotMiddleware)
          ctx.middleware.waitUntilValid(() => {
            resolve()
          })
        }
      }

配置完成后记得重新run一遍

版权声明:除特别注明外,本站所有文章均为田珊珊个人博客原创

转载请注明:出处来自田珊珊个人博客 » 在electron-vue中配置跨域代理

点赞

发表评论

电子邮件地址不会被公开。 必填项已用*标注

  1. 1说道:

    请问,如果dev-runner.js中怎么引入electron-store中存储的数据呢

  2. haur说道:

    请教个问题,就是后端API接口在build 后变成file路径,又找不到,该如何处理呀,