vue-socket.io跨域问题有效解决方法


Posted in Javascript onFebruary 11, 2020

网友问题:

使用了vue-cli这个脚手架工具。在开发环境中如何配置跨域这个我懂。但是使用npm run build后,里面所有的ajax的跨域请求url都变成了根目录。
这样该如何解决部署的跨域问题?

报错信息:

Access to XMLHttpRequest at 'http://192.168.37.130:5050/socket.io/?EIO=3&transport=polling&t=N0oqNsW' from origin 'http://localhost:8080' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

vue-socketio.js?70bb:8 GET http://192.168.37.130:5050/socket.io/?EIO=3&transport=polling&t=N0oqNsW net::ERR_FAILED

解决办法:

//vue.config.js

module.exports = {
 devServer: {
 proxy: {
  '/socket.io': {
   target: 'http://192.168.37.130:5050',
   ws: true,
   changeOrigin: true
  },
  'sockjs-node': {
   target: 'http://192.168.37.130:5050',
   ws: false,
   changeOrigin: true
  },
 }

 }
}

以上就是三水点靠木小编整理的相关知识点,希望能够帮助到大家。

Javascript 相关文章推荐
jquery仿QQ商城带左右按钮控制焦点图片切换滚动效果
Jun 27 Javascript
JS增加行复制行删除行的实现代码
Nov 09 Javascript
JavaScript获取多个数组的交集简单实例
Nov 11 Javascript
JS实现进入页面时渐变背景色的方法
Feb 25 Javascript
javascript单页面手势滑屏切换原理详解
Mar 21 Javascript
JS基于MSClass和setInterval实现ajax定时采集信息并滚动显示的方法
Apr 18 Javascript
JS中关于正则的巧妙操作
Aug 31 Javascript
React Native 图片查看组件的方法
Mar 01 Javascript
基于Vue实现拖拽功能
Jul 29 Javascript
Flutter部件内部状态管理小结之实现Vue的v-model功能
Jun 11 Javascript
selenium 反爬虫之跳过淘宝滑块验证功能的实现代码
Aug 27 Javascript
Vue Mint UI mt-swipe的使用方式
Jun 05 Vue.js
Vue开发中遇到的跨域问题及解决方法
Feb 11 #Javascript
Vue data的数据响应式到底是如何实现的
Feb 11 #Javascript
JS实现TITLE悬停长久显示效果完整示例
Feb 11 #Javascript
vue.config.js中配置Vue的路径别名的方法
Feb 11 #Javascript
vue-resourc发起异步请求的方法
Feb 11 #Javascript
js实现圆形显示鼠标单击位置
Feb 11 #Javascript
JavaScript实现省份城市的三级联动
Feb 11 #Javascript
You might like
叶罗丽:为什么大家对颜冰这对CP非常关心,却对金茉两人十分冷漠
2020/03/17 国漫
PHP进程通信基础之信号
2017/02/19 PHP
PHP实现深度优先搜索算法(DFS,Depth First Search)详解
2017/09/16 PHP
PHP使用正则表达式实现过滤非法字符串功能示例
2018/06/04 PHP
JQuery 技巧和窍门整理(8个)
2010/04/22 Javascript
javascript学习笔记(五)正则表达式
2011/04/08 Javascript
Bootstrap基本插件学习笔记之Tooltip提示工具(18)
2016/12/08 Javascript
Javascript 两种刷新方法以及区别和适用范围
2017/01/17 Javascript
canvas实现刮刮卡效果
2017/03/14 Javascript
JS实现简单表格排序操作示例
2017/10/07 Javascript
vue组件中使用iframe元素的示例代码
2017/12/13 Javascript
基于百度地图api清除指定覆盖物(Overlay)的方法
2018/01/26 Javascript
Element Backtop回到顶部的具体使用
2020/07/27 Javascript
JavaScript实现拖动对话框效果的实现代码
2020/10/12 Javascript
[53:15]2018DOTA2亚洲邀请赛3月29日 小组赛A组 LGD VS TNC
2018/03/30 DOTA
python中利用队列asyncio.Queue进行通讯详解
2017/09/10 Python
python爬虫爬取淘宝商品信息(selenum+phontomjs)
2018/02/24 Python
django将图片上传数据库后在前端显式的方法
2018/05/25 Python
从DataFrame中提取出Series或DataFrame对象的方法
2018/11/10 Python
详解将Python程序(.py)转换为Windows可执行文件(.exe)
2019/07/19 Python
详解如何用python实现一个简单下载器的服务端和客户端
2019/10/28 Python
python装饰器相当于函数的调用方式
2019/12/27 Python
新手入门学习python Numpy基础操作
2020/03/02 Python
基于python实现获取网页图片过程解析
2020/05/11 Python
浅谈Python中文件夹和python package包的区别
2020/06/01 Python
django使用channels实现通信的示例
2020/10/19 Python
Python析构函数__del__定义原理解析
2020/11/20 Python
CSS3属性box-shadow使用指南
2014/12/09 HTML / CSS
戴尔加拿大官网:Dell加拿大
2016/09/17 全球购物
Puritan’s Pride(普丽普莱)官方网站:美国最大最全的保健品公司之一
2016/10/23 全球购物
施华洛世奇日本官网:SWAROVSKI日本
2018/05/04 全球购物
AVI-8手表美国官方商店:AVI-8 USA
2019/04/10 全球购物
镇班子对照检查材料思想汇报
2014/09/24 职场文书
Javascript设计模式之原型模式详细
2021/10/05 Javascript
python实现层次聚类的方法
2021/11/01 Python
vue组件vue-esign实现电子签名
2022/04/21 Vue.js