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

荣誉就像河流:轻浮的和空虚的荣誉浮在河面上,沉重的和厚实的荣誉沉在河底里。学会忽略,是通向内在平静的一条大路。早上好!

网友问题:

使用了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
  },
 }

 }
}

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

您可能有感兴趣的文章
vue3.x如何使用swiperUI动态加载图片失败的如何解决方法

降低vue-router版本的2种如何解决方法实例

Vue报错Syntax Error:TypeError: this.getOptions is not a function的如何解决方法

vue-cli+iview项目打包上线之后图标不显示问题及如何解决方法

vue如何使用@scroll监听滚动事件时,@scroll无效问题的如何解决方法详解