服务器之家:专注于VPS、云服务器配置技术及软件下载分享
分类导航

云服务器|WEB服务器|FTP服务器|邮件服务器|虚拟主机|服务器安全|DNS服务器|服务器知识|Nginx|IIS|Tomcat|

服务器之家 - 服务器技术 - 服务器知识 - localhost:8080拒绝连接的解决方法

localhost:8080拒绝连接的解决方法

2023-10-20 11:33rayding128 服务器知识

新换了电脑,安装vue的时候发现浏览器显示无法访问,并报错localhost:8080拒绝连接,若确定自己的服务正常的情况下,两个步骤解决,特此记录!

新换了电脑,安装vue的时候发现浏览器显示无法访问,若确定自己的服务正常的情况下,两个步骤解决,特此记录!

localhost:8080拒绝连接的解决方法

1.关闭防火墙

这里我的原因是端口被占用了,8080端口太常用了。于是把vue的端口改成8787,就可以了。

打开控制面板点击“系统和安全”

localhost:8080拒绝连接的解决方法

点击Windows防火墙

localhost:8080拒绝连接的解决方法

点击启用/关闭Windows防火墙

localhost:8080拒绝连接的解决方法

点击关闭防火墙(我两个都关了)

localhost:8080拒绝连接的解决方法

执行以上步骤以后ctrl+c y停止以后重新npm run serve后再看看

2.换端口

在你的vue文件夹里找到config.js

localhost:8080拒绝连接的解决方法

const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
  transpileDependencies: true,
  devServer: { 
    port: 8787
  }
})

添加以上这段代码,换成8787,实际上大家可以换成其他的,然后就可访问了,如果还不行的话需要找其他方法了!

localhost:8080拒绝连接的解决方法

然后

localhost:8080拒绝连接的解决方法

完成!

到此这篇关于localhost:8080拒绝连接的解决方法的文章就介绍到这了,更多相关内容请搜索服务器之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持服务器之家!

原文地址:https://blog.csdn.net/dqr11111/article/details/127726576

延伸 · 阅读

精彩推荐