浏览器控制台sockjs-node/info报错

浏览器http://localhost:8080/...控制台一直持续报错,Access to XMLHttpRequest at 'http://192.168.0.121:8080/sockjs-node/info?t=1630725706587' from origin 'http://localhost' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.sockjs.js?9be2:1609 GET http://192.168.0.121:8080/sockjs-node/info?t=1630725706587 net::ERR_FAILED

我这种强迫症是没有办法接受的。百度了国内的一些解决方案,是居然是修改源码?-_______-!!!

Google了一下,老外的大部分办法是修改vue-config.js增加devServer,我看了一下https://webpack.js.org/configuration/dev-server/官方说明,个人认为最好的方案是
修改启动参数,这样不影响本地版本提交到服务器。具体方法是package.jsonscripts里的serve增加--host localhost参数。

{
  //...
  "scripts": {
    "serve": "vue-cli-service serve --host localhost",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint"
  },
  //...
}

重启,搞定。

Vue项目中,`./src/views/workflow/index.vue?vue&type=script&lang=js` 文件出现 `Module parse failed: Unexpected token (51:23)` 错误通常有以下原因及相应的解决办法: ### 语法错误 - **原因**:在代码的第51行第23列可能存在JavaScript语法错误,例如少了括号、引号不匹配、逗号使用不当等。 - **解决办法**:打开 `./src/views/workflow/index.vue` 文件,定位到第51行第23列,仔细检查代码语法。可以使用代码编辑器的语法检查功能,或者在浏览器控制台查看更详细的错误信息。 ### 配置问题 - **原因**:Webpack配置可能不正确,导致无法正确解析文件。例如,缺少必要的loader来处理Vue文件中的JavaScript代码。 - **解决办法**:检查 `webpack.base.conf.js`、`webpack.dev.conf.js` 和 `webpack.prod.conf.js` 等配置文件,确保已经正确配置了 `vue-loader` 和 `babel-loader` 等必要的loader。以下是一个简单的 `vue-loader` 配置示例: ```javascript module: { rules: [ { test: /\.vue$/, loader: 'vue-loader' }, { test: /\.js$/, loader: 'babel-loader', exclude: /node_modules/ } ] } ``` ### 版本不兼容 - **原因**:项目中使用的Vue、Webpack、Babel等依赖版本可能不兼容,导致解析文件时出现问题。 - **解决办法**:检查项目的 `package.json` 文件,确保所有依赖的版本兼容。可以尝试更新或降低相关依赖的版本,然后重新安装依赖: ```bash npm install ``` ### 缓存问题 - **原因**:Webpack的缓存可能导致文件解析出现问题。 - **解决办法**:清除Webpack的缓存,然后重新启动项目: ```bash rm -rf node_modules/.cache npm run dev ```
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值