在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中修改

<pre class=”wp-block-code”><code> { 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() }) } }</code></pre>

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

文章来源:田珊珊个人博客

来源地址:http://www.tianshan277.com/809.html

免责申明:
1. 本站所有下载资源均不包含技术支持和安装服务!需要讨论请进群!
2. 分享目的仅供大家学习和交流,请不要用于商业用途!
3. 如果你也有好源码或者教程,可以到审核区发布,分享有云朵奖励和额外收入!
4. 如有链接无法下载、失效或广告,请联系管理员处理!
5. 本站无法保证资源或破解时效性,如某些授权码过期等问题,恕不在修复范围内。
6. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!故不接受任何形式的退款,如确认资源确有问题的,会补给相应云朵以供再次购买。
7. 53Kr源码暂未发现后门代码,但无法保证100%安全,推荐检测方法:上传到 https://www.virustotal.com/在线查看是否有恶意代码以及其他有后门嫌疑的代码。
8. 在本站下载的源码我还是不建议正式使用,有特别喜欢的可以去程序官方购买。
53kr资源站仅提供学习的平台,所有资料均来自于网络,版权归原创者所有!本站不提供任何保证,并不承担任何法律责任,如果对您的版权或者利益造成损害,请提供相应的资质证明,我们将于3个工作日内予以删除。
53kr资源分享 » 在electron-vue中配置跨域代理

发表评论

提供最优质的资源集合

立即查看 了解详情