解决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 相关文章推荐
javascript Array数组对象的扩展函数代码
May 22 Javascript
javascript ready和load事件的区别示例介绍
Aug 30 Javascript
jquery单行文字向上滚动效果示例
Mar 06 Javascript
JavaScript中获取高度和宽度函数总结
Oct 08 Javascript
详解Javascript 装载和执行
Nov 17 Javascript
jQuery与Ajax以及序列化
Feb 01 Javascript
jquery分隔Url的param方法(推荐)
May 25 Javascript
解决html-jquery/js引用外部图片时遇到看不了或出现403的问题
Sep 22 jQuery
angular6.x中ngTemplateOutlet指令的使用示例
Aug 09 Javascript
4 种滚动吸顶实现方式的比较
Apr 09 Javascript
vue计算属性+vue中class与style绑定(推荐)
Mar 30 Javascript
vue实现无缝轮播效果(跑马灯)
May 14 Vue.js
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
MySQL修改密码方法总结
2008/03/25 PHP
PHP下对数组进行排序的函数
2010/08/08 PHP
浅析php如何实现爬取数据原理
2018/09/27 PHP
PHP压缩图片功能的介绍
2019/03/21 PHP
IE6下js通过css隐藏select的一个bug
2010/08/16 Javascript
js调用activeX获取u盘序列号的代码
2011/11/21 Javascript
jQuery实现动画效果的简单实例
2014/01/27 Javascript
javascript获取form里的表单元素的示例代码
2014/02/14 Javascript
JS获取单击按钮单元格所在行的信息
2014/06/17 Javascript
JavaScript实现的多个图片广告交替显示效果代码
2015/09/04 Javascript
浅谈javascript中replace()方法
2015/11/10 Javascript
jQuery.cookie.js实现记录最近浏览过的商品功能示例
2017/01/23 Javascript
浅谈angular2的http请求返回结果的subcribe注意事项
2017/03/01 Javascript
JS异步加载的三种实现方式
2017/03/16 Javascript
Angular5中调用第三方js插件的方法
2018/02/26 Javascript
Angular搜索场景中使用rxjs的操作符处理思路
2018/05/30 Javascript
微信小程序中换行空格(多个空格)写法详解
2018/07/10 Javascript
angular2 ng2-file-upload上传示例代码
2018/08/23 Javascript
微信小程序swiper禁止用户手动滑动代码实例
2019/08/23 Javascript
vue设置导航栏、侧边栏为公共页面的例子
2019/11/01 Javascript
解决vue项目router切换太慢问题
2020/07/19 Javascript
Python Socket实现简单TCP Server/client功能示例
2017/08/05 Python
python自动化脚本安装指定版本python环境详解
2017/09/14 Python
K-means聚类算法介绍与利用python实现的代码示例
2017/11/13 Python
Python使用pyyaml模块处理yaml数据
2020/04/14 Python
python解包概念及实例
2021/02/17 Python
联想哥伦比亚网上商城:Lenovo Colombia
2017/01/10 全球购物
Vision Direct比利时:在线订购隐形眼镜
2019/08/27 全球购物
退休感言
2014/01/28 职场文书
管理部副部长岗位职责范文
2014/03/09 职场文书
大学活动总结范文
2014/04/29 职场文书
拔河比赛口号
2014/06/10 职场文书
先进个人推荐材料
2014/12/29 职场文书
捐书活动倡议书
2015/04/27 职场文书
python Polars库的使用简介
2021/04/21 Python
Win11怎么跳过联网验机 ?Win11跳过联网验机激活教程
2022/04/05 数码科技