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 相关文章推荐
用jscript实现列出安装的软件列表
Jun 18 Javascript
js模拟实现Array的sort方法
Dec 11 Javascript
JavaScript 面向对象之命名空间
May 04 Javascript
jQuery中fadeIn、fadeOut、fadeTo的使用方法(图片显示与隐藏)
May 08 Javascript
Jquery 过滤器(first,last,not,even,odd)的使用
Jan 22 Javascript
jquery中radio checked问题
Mar 16 Javascript
window.onload与$(document).ready()的区别分析
May 30 Javascript
原生js实现图片层叠轮播切换效果
Feb 02 Javascript
jQuery插件FusionCharts绘制的3D饼状图效果实例【附demo源码下载】
Mar 03 Javascript
jQuery插件FusionCharts实现的MSBar3D图效果示例【附demo源码】
Mar 23 jQuery
纯js实现图片匀速淡入淡出效果
Aug 22 Javascript
Angular4.0动画操作实例详解
May 10 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实现用户注册密码的crypt加密
2017/06/08 PHP
PHP7 windows支持
2021/03/09 PHP
几种设置表单元素中文本输入框不可编辑的方法总结
2013/11/25 Javascript
使用JavaScript实现弹出层效果的简单实例
2016/05/31 Javascript
JS获取鼠标选中的文字
2016/08/10 Javascript
JS获得多个同name 的input输入框的值的实现方法
2017/01/09 Javascript
SpringMVC+bootstrap table实例详解
2017/06/02 Javascript
jQuery结合jQuery.cookie.js插件实现换肤功能示例
2017/10/14 jQuery
VueJs 将接口用webpack代理到本地的方法
2017/11/27 Javascript
Layui组件Table绑定行点击事件和获取行数据的方法
2018/08/19 Javascript
微信小程序文章列表功能完整实例
2020/06/03 Javascript
vue自定义指令限制输入框输入值的步骤与完整代码
2020/08/30 Javascript
微信小程序实现日历签到
2020/09/21 Javascript
python ip正则式
2009/05/07 Python
理解python中生成器用法
2017/12/20 Python
Python实现批量读取图片并存入mongodb数据库的方法示例
2018/04/02 Python
在python3中pyqt5和mayavi不兼容问题的解决方法
2019/01/08 Python
python使用opencv对图像mask处理的方法
2019/07/05 Python
python实现按首字母分类查找功能
2019/10/31 Python
python爬虫多次请求超时的几种重试方法(6种)
2020/12/01 Python
Html5写一个简单的俄罗斯方块小游戏
2019/12/03 HTML / CSS
鱼油专家:Omegavia
2016/10/10 全球购物
Alba Moda瑞士网上商店:独家意大利时尚女装销售
2016/11/28 全球购物
蔻驰法国官网:COACH法国
2018/11/14 全球购物
7 For All Mankind官网:美国加州洛杉矶的高级牛仔服装品牌
2018/12/20 全球购物
JAVA招聘远程笔试题
2015/07/23 面试题
如何写毕业求职自荐信
2013/11/06 职场文书
护理职业生涯规划书
2014/01/24 职场文书
经典而简洁的婚礼主持词
2014/03/13 职场文书
幼儿教师辞职信范文
2015/03/02 职场文书
大学生求职意向书
2015/05/11 职场文书
《桂花雨》教学反思
2016/02/19 职场文书
《思路决定出路》读后感3篇
2019/12/11 职场文书
使用qt quick-ListView仿微信好友列表和聊天列表的示例代码
2021/06/13 Python
python中pandas对多列进行分组统计的实现
2021/06/18 Python
Python使用Beautiful Soup(BS4)库解析HTML和XML
2022/06/05 Python