在electron-vue中配置跨域代理

2021-06-23 18:06:27 浏览数 (1)

对于下面问题解决:

代码语言:javascript复制
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中修改

代码语言:javascript复制
     {
        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一遍

0 人点赞