面对CORS策略或404找不到带有npm run serve的vuejs和socket.io

Question

我实际上是在本地计算机上进行开发。

我在本地计算机上运行了一个简单的socket.io服务器：

const io = require('socket.io')();
io.listen(3000);

在我的Vue-js应用程序上，我想连接一个socket.io-client

import socketio from 'socket.io-client'
const io = socketio('http://localhost');

我使用：npm run serve进行发球>

并且在我的控制台中正在编写：

已从CORS策略阻止从原点http://127.0.0.1:8080/socket.io/?EIO=3&transport=polling&t=M_JIr4_访问'http://localhost:8080处的XMLHttpRequest：在请求的资源上没有'Access-Control-Allow-Origin'标头。

我试图这样设置我的vue.config.js文件：

// vue.config.js
module.exports = {
    // options...
    devServer: {
        proxy: 'http://localhost/',
    }
  }
和我的客户这样：

import socketio from 'socket.io-client'
const io = socketio('http://localhost:8080');
它删除了CORS，但随后我在控制台中得到了：

获取http://localhost:8080/socket.io/?EIO=3&transport=polling&t=M_JLsr5 404（未找到）

是否有办法使它在本地主机上工作？

PS：我使用@ vue / cli生成了我的项目>

我实际上是在本地计算机上进行开发。我在本地计算机上运行了一个简单的socket.io服务器：const io = require（'socket.io'）（）; io.listen（3000）;在我的Vue-js应用程序上，我想...

Answer 1

如果可以帮助其他人：

我重新启动计算机，删除了vue.config.js并替换了