vue项目使用localhost访问不到

最新推荐文章于 2024-03-10 14:23:01 发布
最新推荐文章于 2024-03-10 14:23:01 发布
阅读量777 收藏
点赞数 1
分类专栏： 项目运行错误总结 文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45926412/article/details/133379571
版权

问题描述：打开git.bash命令行窗口，输入

npm run start

点击回车，复制http://localhost:8080到浏览器地址栏打不开，浏览器窗口会如下显示：
在这里插入图片描述
可能的原因项目启动失败
解决办法：
1、在命令行窗口中输入clear清空命令行
2、重新输入npm run start语句，点击回车，然后就不要进行任何操作，在浏览器地址栏手动输入端口地址http://localhost:8080，如果直接在命令行中复制会出问题。

weixin_45926412
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
VUE Error: getaddrinfo ENOTFOUND localhost
08-27
主要介绍了VUE Error: getaddrinfo ENOTFOUND localhost，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
解决VUE项目localhost端口服务器拒绝连接,只能用127.0.0.1的问题
11-20
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.
vue运行项目http://localhost:8080无法显示此网站
LLL_liuhui的博客
01-04 1万+
解决办法： 打开config文件夹下的index.js，将module.exports下的dev里面的host改为本机地址，在执行xxxx:8080即可 如：host: '192.168.64.40',    npm run dev 192.168.64.40:8080...
Vue3 - 解决项目启动后浏览器无法访问问题（Network: use --host to expose）
最新发布
一枚小趴菜(´▽`)ﾉ
03-10 1489
（4）使用浏览器访问“http://localhost:5173”无法打开页面，提示“无法访问此网站localhost 拒绝了我们的连接请求。根据“Network: use --host to expose”提示，要求服务使用 host 来进行暴露，即要将服务暴露成“IP + 端口号”进行访问。（1）首先修改 package.json 文件，将启动项中的 dev 和 serve 增加 --host 参数。（3）上述命令执行后，控制台显示“Network: use --host to expose”
vue项目出现此地址，但是访问时显示，嗯… 无法访问此页面localhost 已拒绝连接
m0_65380423的博客
01-08 7260
vue项目能运行出现地址，但是访问时显示，嗯… 无法访问此页面localhost 已拒绝连接
创建vue-cil后出现localhost:8080无法访问
weixin_30799995的博客
04-12 1129
前景：通过命令行创建成功vue的实例后，一段时间可以通过localhost:8080来访问，但是不知道咋地了，就突然提示无法访问，如图 2,解决方法：打开cmd命令，cd到vue项目下，输入命令：npm run dev 就好了，就可以继续使用localhost:8080继续访问了！！ 转载于:https://www.cnblogs.com/blog-zy/p/8805309.ht...
localhost8080拒绝连接 【已解决】
热门推荐
rayding的博客
11-07 3万+
新换了电脑，安装vue的时候发现浏览器显示无法访问，若确定自己的服务正常的情况下，两个步骤解决，特此记录！
【异常解决】vue项目localhost:8080无法访问此网站或者无法访问此页面，localhost拒绝了我们的连接请求
No8g攻城狮的博客
04-06 3万+
出现如图所示，8081端口被占用，且占用该程序的PID号为143132，接着【Ctrl + Alt + Delete】打开任务管理器，找到PID号为143132的进程，结束该进程，然后再重启服务项目即可。项目未成功启动，则需要查看前端项目为什么没有启动成功，这个原因复杂不再具体说明，可以试着重启服务项目，多重启几次。打开“我的电脑”，选择左上角的“计算机”中的“卸载或更改程序”。点击确定，然后浏览器验证，localhost已经可以访问了！（此处我查看的端口是8081，注意更换成自己的端口号）
解决运行Vue项目localhost8080拒绝连接
weixin_46801232的博客
07-29 3189
解决运行Vue项目localhost8080拒绝连接
Vue 项目启动默认打开 http://0.0.0.0:8080 ，浏览器无法访问
Vvaans的博客
03-08 2551
5.x 版本 使用–open 时，默认打开浏览器，会出现 0.0.0.0:8080，浏览器显示无法访问。或者在 package.json 中的启动命令添加–host localhost。在 devServer 配置项中添加 host 为 localhost。虽然这个方案解决了问题，但是也产生了新的问题，并不完美。在 vue.config.js 文件中配置进行如下配置。我们可以看到此时的两个地址是相同的。vue.config.js 配置。所以有了第二个解决方案。这里设置的优先级更高。
Vue项目启动默认打开http://0.0.0.0:8080，浏览器显示无法访问，手动修改为 localhost:8080 可正常打开
weixin_42222436的博客
11-04 4630
vue-cli 5.x 版本 使用–open 时，默认打开浏览器，会出现0.0.0.0:8080，浏览器显示无法访问，手动修改为 localhost:8080 可正常打开，但是每次都需要修改就很烦人。
vue init webpack myproject构建项目 ip不能访问的解决方法
11-28
问题 vue init webpack myproject构建项目 使用localhost 或者127.0.0.1 均可以正常访问，但是切换到本地ip就不行了 解决方式 在 webpack.dev.conf.js 追加以下代码 const HOST = process.env.HOST || '0.0.0.0'; 重新启动 npm run dev 重新打开即可 以上这篇vue init webpack myproject构建项目 ip不能访问的解决方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持软件开发网。
解决vue net :ERR_CONNECTION_REFUSED报错问题
10-14
主要介绍了解决vue net :ERR_CONNECTION_REFUSED报错问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
Vue3项目打包后部署到服务器 请求不到后台接口解决方法
11-20
本地开发没问题能正常请求到接口，部署后页面也能展示出来就是接口的数据请求不到 network一看是这么个情况 对比了本地的页面 可以发现是remote address出了问题。 经过查询得知：Remote Address代表的是当前HTTP...
vue-cli启动本地服务局域网不能访问的原因分析
01-19
 本地vue-cli启动了一个项目只能通过localhost:8080访问到，同一局域网下其他的手机和电脑并不能通过ip地址访问调试， 2.原因：vue-cli项目是通过命令行一键生成的，配置文件中默认生成的是本地调试模式，默认访问...
webpack vue项目开发环境局域网访问方法
11-28
思路：将自己的项目启动ip与端口固定，当然端口也可以为默认的8080 ...注意：此处ip一旦固定，本机访问的或localhost将不可访问，必须也使用这个ip，局域网也是一样用此ip访问 以上这篇webpack vue项目开发环境局
vue 获取当前访问地址,端口号
zaijiandeai的博客
12-01 5942
//获取当前访问的地址/IP window.location.href 获取当前访问的端口号 window.location.port
vue请求本地路径GET http://localhost:8080/.... 404 (Not Found)
weixin_48203270的博客
12-17 6313
vue请求本地路径GET http://localhost:8080/.... 404 (Not Found)
使用https访问vue本地项目
06-08
可以通过在Vue项目的根目录下运行以下命令来启用HTTPS： ``` vue-cli-service serve --https ``` 这将在本地启动Vue开发服务器并使用HTTPS协议进行通信。然后你可以通过访问以下URL来访问你的Vue项目： ``` https://localhost:8080/ ``` 请注意，由于使用的是自签名证书，浏览器可能会提示你该网站的证书不受信任，你需要手动选择继续前往该网站。如果你想要使用有效的SSL证书，你需要购买并安装一个SSL证书，并将其配置到你的Vue开发服务器中。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值