解决VUE [WDS] DISCONNECTED 错误

news/2024/7/10 0:03:36 标签: vue

在运行项目的时候会出现一下情况

解决方式:

vue.config.js文件中找到 devServer,添加

Headers: {

      'Access-Control-Allow-Origin': '*'

    },

    hotOnly: false,

    disableHostCheck: true

出现原因:win10默认设置的ipv6的优先级高于ipv4,所以把localhost解析到ipv6去了(这里主要因为项目使用了代理服务软件解析问题)

也有可能是端口占用问题,这种解决办法就是将config.js里面的port端口号修改

 


http://www.niftyadmin.cn/n/1367404.html

相关文章

判断是否是一个空字符串

1.JSON.stringify判断 var data {}; var b (JSON.stringify(data) "{}"); alert(b);//true 2.使用ES6的Object.keys()方法 var data {}; var arr Object.keys(data); alert(arr.length 0);//true

创建vue项目或者是react项目时,powerShell禁止访问解决办法

1.控住台执行 Start-Process powershell -Verb runAs 2.第二步执行 set-ExecutionPolicy RemoteSigned 3.选择Y选项 Y

浏览器登录系统登录不进去的问题

之前遇到一个问题,本地打开vue项目,在点击登录的时候出现登录不上的问题,看了一下接口报302,以为是后端接口的问题,但是线上的系统是可以登录进去的,当是很纳闷,不知道问题出现在哪里,之后查找资…

echarts词云库的使用

echarts在升级到2.0版本之后,不再支持词云库的使用,在最新版本的echarts(5.2.0)情况下控制台会出现如下报错 解决方法: 下载npm install echarts-wordcloud 【注:版本号:2.0.0】 下载成功之后&#xff…

vue父组件多次调用同一个echarts组件,只渲染一个echarts组件的问题

问题&#xff1a;父组件多次调用同一个echarts组件&#xff0c;这样就会产生id同样的问题&#xff0c;导致只能渲染一个echarts组件。 解决方案&#xff1a; 之前的echarts初始化 <div id"echarts" /> echarts.init(document.getElementById(echarts)) 改成…

vue checkbox值不刷新

checkbox在更新时&#xff0c;控制台打印值是变了&#xff0c;但是页面上没有更新状态&#xff0c;这种情况下可以使用 this.$forceUpdate() 强制刷新页面&#xff0c;让checkbox改变状态

图片资源访问报403

今天遇到一个问题&#xff0c;就是访问链接图片报403的错误&#xff0c;如图 failed to load resource: the server responded with a status of 403() 出现的原因&#xff1a;在请求别的浏览器的时候把自己的请求头的referrer信息给带过去了&#xff0c;所以被拦截了。 解决…

vue中下载多个版本的echarts

这两天在使用echarts的时候遇到了问题&#xff0c;记录一下。 问题描述&#xff1a;echarts中的世界地图和词云&#xff0c;应用的是不同版本的echarts&#xff0c;世界地图用到的版本是4.2.1,词云是5.3.0。这种情况下&#xff0c;就需要安装多个echarts版本。 解决方案&…