如何高效解决vue-socket.io的跨域难题？

本文共计297个文字，预计阅读时间需要2分钟。

在Vue CLI项目中，跨域问题在本地开发环境中通常可以通过修改`vue.config.js`文件来解决。以下是一种简化的配置方法，不超过100字：

javascriptmodule.exports={ devServer: { proxy: { '/api': { target: '你的目标服务器地址', changeOrigin: true, pathRewrite: { '^/api': '' } } } }};

网友问题：

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

报错信息：

Access to XMLHttpRequest at '192.168.37.130:5050/socket.io/?EIO=3&transport=polling&t=N0oqNsW' from origin '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 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: '192.168.37.130:5050', ws: true, changeOrigin: true }, 'sockjs-node': { target: '192.168.37.130:5050', ws: false, changeOrigin: true }, } } }

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