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 相关文章推荐
Javascript类定义语法,私有成员、受保护成员、静态成员等介绍
Dec 08 Javascript
js获取html页面节点方法(递归方式)
Dec 13 Javascript
Js数组排序函数sort()介绍
Jun 08 Javascript
浅谈$(document)和$(window)的区别
Jul 15 Javascript
JS实现仿雅虎首页快捷登录入口及导航模块效果
Sep 19 Javascript
JavaScript实现瀑布流布局
Jun 28 Javascript
jQuery使用serialize()表单序列化时出现中文乱码问题的解决办法
Jul 27 Javascript
javascript实现的左右无缝滚动效果
Sep 19 Javascript
关于Vue.js一些问题和思考学习笔记(2)
Dec 02 Javascript
vue.js移动端tab组件的封装实践实例
Jun 30 Javascript
Vue2.0实现调用摄像头进行拍照功能 exif.js实现图片上传功能
Apr 28 Javascript
详解Vue This$Store总结
Dec 17 Javascript
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
PHP关联链接常用代码
2012/11/05 PHP
PHP中func_get_args(),func_get_arg(),func_num_args()的区别
2013/09/30 PHP
ThinkPHP实现带验证码的文件上传功能实例
2014/11/01 PHP
php获取从html表单传递数组的方法
2015/03/20 PHP
深入解析PHP中foreach语句控制数组循环的用法
2015/11/30 PHP
YII Framework教程之异常处理详解
2016/03/14 PHP
php的socket编程详解
2016/11/20 PHP
PHP中define() 与 const定义常量的区别详解
2019/06/25 PHP
浅谈laravel中的关联查询with的问题
2019/10/10 PHP
JQuery Tips(3) 关于$()包装集内元素的改变
2009/12/14 Javascript
jquery中通过过滤器获取表单元素的实现代码
2011/07/05 Javascript
WEB前端设计师常用工具集锦
2014/12/09 Javascript
Javascript 拖拽雏形中的一些问题(逐行分析代码,让你轻松了拖拽的原理)
2015/01/23 Javascript
JS实现动态生成表格并提交表格数据向后端
2020/11/25 Javascript
JS中使用apply、bind实现为函数或者类传入动态个数的参数
2016/04/26 Javascript
微信小程序 增、删、改、查操作实例详解
2017/01/13 Javascript
js实现图片加载淡入淡出效果
2017/04/07 Javascript
vue-cli整合vuex的时候,修改actions和mutations,实现热部署的方法
2018/09/19 Javascript
JavaScript实现简单音乐播放器
2020/04/17 Javascript
vue 计算属性和侦听器的使用小结
2021/01/25 Vue.js
用 Python 连接 MySQL 的几种方式详解
2018/04/04 Python
Django使用AJAX调用自己写的API接口的方法
2019/03/06 Python
Python Threading 线程/互斥锁/死锁/GIL锁
2019/07/21 Python
什么是python类属性
2020/06/10 Python
Europcar澳大利亚官网:全球汽车租赁领域的领导者
2019/03/24 全球购物
信息管理专业推荐信
2013/10/29 职场文书
表决心的诗句大全
2014/03/11 职场文书
高一新生军训方案
2014/05/12 职场文书
护士实习求职信
2014/06/22 职场文书
2014年党员自我评议对照检查材料
2014/09/20 职场文书
泸县召开党的群众路线教育实践活动总结大会新闻稿
2014/10/21 职场文书
岗位竞聘报告范文
2014/11/06 职场文书
办公室规章制度范本
2015/08/04 职场文书
《比尾巴》教学反思
2016/02/24 职场文书
使用pandas生成/读取csv文件的方法实例
2021/07/09 Python
JavaScript中的LHS和RHS分析详情
2022/04/06 Javascript