解决VUE项目localhost端口服务器拒绝连接,只能用127.0.0.1的问题


Posted in Javascript onAugust 14, 2020

Vue项目不能使用localhost:8xx0进入项目,但是将localhost替换为127.0.0.1却可以进入。

解决办法:

进入文件

C:\Windows\System32\drivers\etc\hosts

用记事本打开 hosts 文件进行编辑,看看文件里是否有

127.0.0.1 localhost

localhost 127.0.0.1

如果没有的话就加上,具体加入位置如下

# 127.0.0.1    localhost
# ::1       localhost
//加上的代码
127.0.0.1 localhost
localhost 127.0.0.1

127.0.0.1 www.xmind.com

加上后便可正常使用localhost进行访问!

补充知识:

如果还是有问题可以参照这篇文章

localhost不能访问127.0.0.1可以访问的原因及解决方法

有时候我们在调试程序的时候,会出现一些莫名其妙匪夷所思的奇怪问题,localhost不能访问但127.0.0.1可以访问的问题就是其中之一。

我 估计大多数人都不会去想localhost到底与127.0.0.1有什么不同,就比如我,有时候用http://localhost/来访问本地服务器 网页,有时则用http://127.0.0.1/来访问,我觉得他们是通用的表示本地服务器的两个不同的写法而已,就好比一个网页可以通过域名来访问也 可以通过IP来访问一样,localhost代表的是域名,而127.0.0.1则代表IP地址。

我的理解对不对呢?我们现在来看看更专业的解读吧。

localhost与127.0.0.1的概念和工作原理之不同

要比较两个东西有什么不同,首先要弄清两者的概念。所以,我们从概念开始。

localhost:也叫local ,正确的解释是:本地服务器

127.0.0.1:在windows等系统的正确解释是:本机地址(本机服务器)

一个是“本地”,一个是“本机”。不过从这两个词来看,还是不能比较两者的区别。我们再看看他们的工作原理。

localhot:是不经网卡传输的,它不受网络防火墙和网卡相关的的限制。

127.0.0.1:是通过网卡传输的,它依赖网卡,并受到网络防火墙和网卡相关的限制。

通过上述概念和工作原理的比较,我想现在大家都心里有谱了吧,知道localhost与127.0.0.1有什么不同了。文中开头提到的localhost不能访问但127.0.0.1可以访问的问题,究其原因,很可能是localhost访问时,系统带的本机当前用户的权限去访问,而用ip的时候,等于本机是通过网络再去访问本机,可能涉及到网络用户的权限。

另外,我们现在也应该明白了一个道理,那就是一般设置程序时本地服务用localhost是最好的,localhost不会解析成IP,也不会占用网卡、网络资源。

localhost不能访问127.0.0.1可以访问的解决方案

一般情况下ping localhost 应该为127.0.0.1 ,但是有时会出来下面这个东西:

>ping localhost
reply from ::1: times<1ms
reply from ::1: times<1ms
reply from ::1: times<1ms

地址根本不是“127.0.0.1”,而是“::1:”

>ping 127.0.0.1 正常
reply from 127.0.0.1 : bytes=32 times<1ms
reply from 127.0.0.1 : bytes=32 times<1ms
reply from 127.0.0.1 : bytes=32 times<1ms

原因分析:

IPV6协议将127.0.0.1解析为 ::1 (127.0.0.1 ipv6的形式)

Vista开始菜单中输入cmd回车后打开命令提示符,输入ping localhost默认的就会出现返回的数据包并不是127.0.0.1而是::1。这就是Ipv6格式的本地地址,

解决方案1:

修改host文件用记事本打开C:/WINDOWS/system32/drivers/etc/hosts文件,看里面是否有包含:

127.0.0.1 localhost

如果没有则将其添加进去,再查看能否访问localhost。

host文件部分内容

# 127.0.0.1 localhost
# ::1 localhost
127.0.0.1localhost
localhost 127.0.0.1

解决方案2:

1、打开Internert信息管理查看IIS是否启动,且默认网站时候已经开启;

2、打开http://127.0.0.1/ 看是否能访问IIS的默认网页,能访问则说明IIS已经成功安装到电脑上,可能是无法解析localhost;

3、开始--命令(cmd)--ping localhost,看是否能ping通,从127.0.0.1上返回信息,如果成功则说明可以解析localhost;

4、如果上一步不成功,则用记事本打开C:/WINDOWS/system32/drivers/etc/hosts文件,看里面是否有包含:127.0.0.1 localhost ,如果没有则将其添加进去,再查看能否访问localhost。

5、尝试将网站的主目录指向另一个目录或新建一个虚拟目录,并在该新目录创建一个新的网页文件,如index.html,然后将其加到默认网站的"文档"项中作为默认访问的网页,重新输入网址:http://localhost/,看否能访问。

6、还是不行的话将IIS卸载掉,重新再安装一次。

解决问题的思路:

1、ping一下localhost,这个是关键,看看是否能ping通,然后看解析到那个ip地址下去了

2、然后查看本机的hosts文件,看看是否有被修改,如果被修改,就改回正常的模式

3、解决问题本质,ipconfig看看网络是否正常,如果不正常就进行修复

4、用杀毒软件或者360等修复软件进行扫描,看看是否存在恶意插件或者病毒,然后清除,一劳永逸!

5、多动脑,想办法解决问题,善于用搜索引擎。

以上这篇解决VUE项目localhost端口服务器拒绝连接,只能用127.0.0.1的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
Jquery插件之打造自定义的select标签
Nov 30 Javascript
使用jquery animate创建平滑滚动效果(可以是到顶部、到底部或指定地方)
May 27 Javascript
基于jquery实现放大镜效果
Aug 17 Javascript
微信公众号 客服接口的开发实例详解
Sep 28 Javascript
JavaScript实现的原生态Tab标签页功能【兼容IE6】
Sep 18 Javascript
JS实现利用两个队列表示一个栈的方法
Dec 13 Javascript
基于JS实现html中placeholder属性提示文字效果示例
Apr 19 Javascript
AngularJS使用Filter自定义过滤器控制ng-repeat去除重复功能示例
Apr 21 Javascript
使用vue-router完成简单导航功能【推荐】
Jun 28 Javascript
js打开word文档预览操作示例【不是下载】
May 23 Javascript
js字符串类型String常用操作实例总结
Jul 05 Javascript
jQuery实现小火箭返回顶部特效
Feb 03 jQuery
vue项目在线上服务器访问失败原因分析
Aug 14 #Javascript
vue设置全局访问接口API地址操作
Aug 14 #Javascript
浅谈vue项目,访问路径#号的问题
Aug 14 #Javascript
解决vue单页面应用打包后相对路径、绝对路径相关问题
Aug 14 #Javascript
vue调用本地摄像头实现拍照功能
Aug 14 #Javascript
解决vue axios跨域 Request Method: OPTIONS问题(预检请求)
Aug 14 #Javascript
解决在Vue中使用axios POST请求变成OPTIONS的问题
Aug 14 #Javascript
You might like
解析wamp5下虚拟机配置文档
2013/06/27 PHP
30个php操作redis常用方法代码例子
2014/07/05 PHP
php微信扫码支付 php公众号支付
2019/03/24 PHP
js模拟实现Array的sort方法
2007/12/11 Javascript
JAVASCRIPT  THIS详解 面向对象
2009/03/25 Javascript
用XMLDOM和ADODB.Stream实现base64编码解码实现代码
2010/11/28 Javascript
jQuery学习笔记(4)--Jquery中获取table中某列值的具体思路
2013/04/10 Javascript
3种不同方式的焦点图轮播特效分享
2013/10/30 Javascript
javascript设置金额样式转换保留两位小数示例代码
2013/12/04 Javascript
利用jQuery实现可以编辑的表格
2014/05/26 Javascript
JQuery中使用Ajax赋值给全局变量失败异常的解决方法
2014/08/18 Javascript
node.js中的fs.createReadStream方法使用说明
2014/12/17 Javascript
node.js操作mysql(增删改查)
2015/07/24 Javascript
Js实现简单的小球运动特效
2016/02/18 Javascript
JavaScript表单验证的两种实现方法
2017/02/11 Javascript
react开发中如何使用require.ensure加载es6风格的组件
2017/05/09 Javascript
Webpack如何引入bootstrap的方法
2017/06/17 Javascript
JS轮播图实现简单代码
2021/02/19 Javascript
写给小白看的JavaScript异步
2017/11/29 Javascript
vue axios 简单封装以及思考
2018/10/09 Javascript
解决echarts的多个折现数据出现坐标和值对不上的问题
2018/12/28 Javascript
vue实现移动端图片上传功能
2019/12/23 Javascript
python中将一个全部为int的list 转化为str的list方法
2018/04/09 Python
Python中pandas模块DataFrame创建方法示例
2018/06/20 Python
Python将一个CSV文件里的数据追加到另一个CSV文件的方法
2018/07/04 Python
Python实现模拟登录网易邮箱的方法示例
2018/07/05 Python
Python3.7 读取音频根据文件名生成脚本的代码
2020/04/07 Python
Pytorch学习之torch用法----比较操作(Comparison Ops)
2020/06/28 Python
Python调用JavaScript代码的方法
2020/10/27 Python
css3过渡_动力节点Java学院整理
2017/07/11 HTML / CSS
贝嫂喜欢的婴儿品牌,个性化的婴儿礼物:My 1st Years
2017/11/19 全球购物
亚洲独特体验旅游专家:eOasia
2018/08/15 全球购物
美国精油公司:Plant Therapy
2019/05/17 全球购物
关键字throw与throws的用法差异
2016/11/22 面试题
2014医学院领导干部四风对照检查材料思想汇报
2014/09/16 职场文书
《社戏》教学反思
2016/02/22 职场文书