Loading [MathJax]/jax/output/CommonHTML/config.js
前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >在electron-vue中配置跨域代理

在electron-vue中配置跨域代理

作者头像
用户2323866
修改于 2021-06-23 10:06:27
修改于 2021-06-23 10:06:27
2K00
代码可运行
举报
文章被收录于专栏:技术派技术派
运行总次数:0
代码可运行

对于下面问题解决:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
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
代码运行次数:0
运行
AI代码解释
复制
     {
        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一遍

本文系转载,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文系转载,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
别在问我跨域问题了,跨域详解以及前端、后端、运维解决的方法统统写在这里了。
跨域问题一直是前端的一大难题,从前端出道到至今,无论是自己还是身边的同事,以及网上前端朋友都被这个问题困扰着。
星宇大前端
2022/03/09
39.8K0
别在问我跨域问题了,跨域详解以及前端、后端、运维解决的方法统统写在这里了。
解决Vue跨域的问题
如果你的前端应用和后端 API 服务器没有运行在同一个主机上,你需要在开发环境下将 API 请求代理到 API 服务器。这个问题可以通过 vue.config.js 中的 devServer.proxy 选项来配置。
子润先生
2021/06/23
1.1K0
axios请求,跨域问题,设置跨域代理
生成一个vue项目之后,开始写请求,请求数据,渲染到前端界面,有时候直接请求服务器上的接口,会遇到跨域问题,遇到跨域的时候,需要设置跨域代理~
王小婷
2020/05/18
6.5K0
axios请求,跨域问题,设置跨域代理
vue解决跨域的几种办法_前端跨域解决方案
  跨域指浏览器不允许当前页面的所在的源去请求另一个源的数据。源指协议,端口,域名。只要这个3个中有一个不同就是跨域。 这里列举一个经典的列子:
全栈程序员站长
2022/11/14
1.7K0
vue解决跨域的几种办法_前端跨域解决方案
React中,设置代理跨域的方法总结
今天主要和大家分享下,在 react 中"如何进行代理跨域"的方法 针对 create-react-app 脚手架 1、create-react-app脚手架低于2.0版本时 直接在 package.json 下配置 "proxy": "http://api.xxxx.com" 或者如果创建多个域,该如何设置 proxy "proxy":{ "/api":{ "target":"http://localhost:8888", "changeOrigin": true,
用户9914333
2022/07/22
1.5K0
Vue移动端框架Mint UI教程-接口跨域问题
这个时候,是遇到了跨域的问题; 由于接口跨域问题,因此不能直接通过ajax请求访问
王小婷
2020/12/01
7120
vue跨域配置
跨域这个词,对前端程序员来说,可谓是屡见不鲜。正好最近在做项目时,又遇到了跨域问题,无奈只能继续去网上查询资料来查看vue如何进行配置。为了方便,最终决定自力更生,自己总结一番,省的之后遇到跨域问题去网上各种查询,浪费时间。
用户6256742
2024/08/13
1830
vue跨域配置
聊聊Webpack Proxy工作原理?为什么能解决跨域?
想要实现代理首先需要一个中间服务器,webpack中提供服务器的工具为webpack-dev-server
@超人
2021/09/17
1.3K0
聊聊Webpack Proxy工作原理?为什么能解决跨域?
vue解决跨域方法
vue解决跨域方法
Java架构师必看
2021/09/23
1.4K0
vue解决跨域方法
Vue之Axios跨域问题解决方案
背景:因为axios中只能使用get和post方法来进行请求数据,没有提供jsonp等方法进行跨域访问数据
全栈程序员站长
2022/08/14
1.7K1
Vue之Axios跨域问题解决方案
vue-cli脚手架npm相关文件解读(7)dev-server.js
系列文章传送门: 1、build/webpack.base.conf.js 2、build/webpack.prod.conf.js 3、build/webpack.dev.conf.js 4、build/utils.js 5、build/vue-loader.conf.js 6、build/build.js 7、build/dev-server.js 8、build/check-versions.js 9、../config/index.js 下面是build/dev-server.js中相关代码和配置
SmileSmith
2018/04/16
9970
vue中解决跨域问题
vue中解决跨域问题
Java架构师必看
2021/09/23
6540
vue中解决跨域问题
Vue webpack项目配置请求接口,修改代理,解决跨域问题
比如接口请求不到:Uncaught (in promise) Error: Request failed with status code 404 或者 http://localhost:8081/list 404 (Not Found) ,
德顺
2020/03/17
1.2K0
Axiso解决跨域访问
关键代码是:Axios.defaults.baseURL = '/api',这样每次发送请求都会带一个/api的前缀。
全栈程序员站长
2022/08/15
1.7K0
Axiso解决跨域访问
跨域 webpack + vue-cil 中 proxyTable 处理跨域
跨域 了解同源政策:所谓"同源"指的是"三个相同"。 协议相同 域名相同 端口相同 解决跨域 jsonp 缺点:只能get请求 ,需要修改B网站的代码 cors 这个方案缺点 是 ie6 7 兼容不好(倒是不见得要兼容)。需要B网站在响应中加头 postMessage 缺点也是 ie6 7 兼容不好(倒是不见得要兼容)。需要修改B网站的代码 iframe window.name 传值得方式很巧妙,兼容性也很好。但是也是需要你能修改B网站代码 服务端主动请求B网站,兼容性好而且你客户端的代码还是原来的ajax
Krry
2018/09/10
8240
Vue 脚手架项目分析
babel-preset-env是一个新的预设,可以让你指定一个环境并自动使能需要的插件。 支持拥有超过1%市场份额的浏览器
deep_sadness
2018/08/30
1.8K0
Vue 脚手架项目分析
React 使用 Proxy 代理(create-react-app)
proxy,默认为NULL,类型为URL,一个为了发送http请求的代理 在平时开发时,尤其前后端分离时,需要假数据来进行模拟请求,这个时候就需要proxy代理来处理
SpiritLing
2020/07/20
12.6K0
前后端分离开发跨域问题
因为之前所在的公司开发模式前后端没有分离,所以在实际的开发中,基本上没有遇到跨域请求的问题,也没有注意相关问题。
java攻城狮
2020/10/10
6680
Vue-cli解决开发环境的跨域问题
解决跨域的方法有很多种,比如你和后台人员经过友好协商后,你可以通过JSONP的方式或者让后台人员将代码设置为允许你进行跨域!但是往往前后台开发人员的配合默契度是不太高的。如果后台只给你接口,并明确告诉你不允许修改接口,怎么办?怎么办才能实现跨域?此时你就可以通过proxyTable来解决跨域问题! 通过proxyTable解决跨域在Vue-cli当中是很简单的。只需修改config文件夹下的index.js中的proxyTable就能实现:
用户1272076
2019/03/26
6860
Mint UI入门系列教程
今天具体说一说比较常用的;Mint UI框架的按钮组件,Mint UI是 饿了么团队开发基于vue .js的移动端UI框架,它包含丰富的 CSS 和 JS 组件,能够满足日常的移动端开发需要
王小婷
2019/05/14
3.6K0
Mint UI入门系列教程
相关推荐
别在问我跨域问题了,跨域详解以及前端、后端、运维解决的方法统统写在这里了。
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
本文部分代码块支持一键运行,欢迎体验
本文部分代码块支持一键运行,欢迎体验