vue项目不能使用localhost访问

最新推荐文章于 2023-09-28 11:47:15 发布
最新推荐文章于 2023-09-28 11:47:15 发布
阅读量5.6k 收藏 2
点赞数
分类专栏： Vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_35472880/article/details/103973822
版权

vue项目不能使用localhost访问

问题

vue项目不能使用localhost访问,但是使用本机的ip加端口号是可以访问的

解决办法

如果使用的是webstorm的话.可能右下角会有错误的提示,打开就会发现提示win10的防火墙拦截了
所以,关闭防火墙.再次使用localhost访问

OK,问题解决~

云别
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
解决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.
完美解决通过IP地址访问VUE项目的问题
10-15
在开发Vue项目时，我们通常使用`localhost`或者`127.0.0.1`来运行项目，但这只允许我们在本地环境进行测试。如果需要让其他设备（如手机或另一台电脑）访问我们的Vue应用，我们就需要通过IP地址来访问。本文将详细...
使用Vite启动vue项目 通过IP访问
wocaishiryr的博客
05-25 2365
使用vite运行项目，默认只能使用localhost的方式访问项目。这是因为没有将服务暴露在局域网中 解决方式 一 : 修改 vite.config.js文件 server 中添加 host server: { host: '0.0.0.0' }, 解决方式 二 : 修改package.json文件 "scripts": { "dev": "vite --host 0.0.0.0", "build": "vite build", "preview": "vi.
vue项目通过本地IP地址访问，不是localhost
a5252145的博客
08-02 3038
vue项目通过本地IP地址访问，不是localhost 修改package.json中scripts属性，再dev属性下添加：--host 192.168.3.45即可。
vue3项目启动后访问http://localhost:3000/，发现页面不是vue3项目首页，都是serviceWorker惹的祸
ThisEqualThis的博客
10-08 1915
新建vue3项目，启动后访问http://localhost:3000/，发现页面不是vue3项目首页
解决运行Vue项目localhost8080拒绝连接
weixin_46801232的博客
07-29 3311
解决运行Vue项目localhost8080拒绝连接
【异常解决】vue项目localhost:8080无法访问此网站或者无法访问此页面，localhost拒绝了我们的连接请求
热门推荐
No8g攻城狮的博客
04-06 4万+
出现如图所示，8081端口被占用，且占用该程序的PID号为143132，接着【Ctrl + Alt + Delete】打开任务管理器，找到PID号为143132的进程，结束该进程，然后再重启服务项目即可。项目未成功启动，则需要查看前端项目为什么没有启动成功，这个原因复杂不再具体说明，可以试着重启服务项目，多重启几次。打开“我的电脑”，选择左上角的“计算机”中的“卸载或更改程序”。点击确定，然后浏览器验证，localhost已经可以访问了！（此处我查看的端口是8081，注意更换成自己的端口号）
vue启动成功，无法访问localhost:8080,以及用ip进行访问———无法显示此页面
远方的博客
12-11 1万+
vue启动成功，无法访问localhost:8080,以及用ip进行访问———无法显示此页面 1. 最近在进行vue环境搭建的时候遇到一个问题困扰了一个多小时一直无法解决，在百度csdn上一直找解决方案，好多都是驴唇不对马嘴，在这里给大家发一下看有没有相同问题的朋友。 附上问题图： 2. 之所以出现这个问题是因为，端口被占用了，我也尝试过其他解决方案，修改index.js里面的localhost...
vue项目在线上服务器访问失败原因分析
10-14
主要介绍了vue项目在线上服务器访问失败原因分析，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
浅谈vue项目,访问路径#号的问题
10-14
这样，你的Vue项目就可以在任何设备上通过你的IP地址访问，而不仅仅是localhost。 总的来说，Vue项目中URL中的"#/"是由Vue Router的默认hash模式引起的，你可以通过切换到history模式来消除它，但需注意这需要...
如何配置vue项目通过ip访问还是通过localhost访问
小肉包的博客
02-26 1460
如何配置vue项目通过ip访问还是通过localhost访问
vue项目中 localhost改成ip地址访问
xixi的博客
11-25 5408
一、vue2.0项目中 localhost改成ip地址访问 config/index.js改成 host: '0.0.0.0', port: 8888, 打包后index.html空白 修改 webpack.prod.conf.js 里的 publicPath:’./’, 二、vue3项目改成ip地址访问 1.在项目的根目录下创建文件vue.config.js 2.在该文件中进行相关配置，从而覆盖默认配置 module.exports = { outputDir:"course-analysis
Vite内网ip访问，两种配置方式
前端蜗牛君
02-21 7505
方式一：修改vite的配置文件（vite.config.ts）方式二：修改package.json文件。运行项目的时候，控制台会只出现。采用上面任一方式，就可以通过。
vue项目使用localhost访问不到
最新发布
weixin_45926412的博客
09-28 1003
vue项目使用localhost访问失败
vite+vue3使用localhost访问接口报错 500
zhangyuea的博客
03-15 1728
用ip访问这个接口是可以通的 但是用localhost访问就报500或者200但不返回东西，原因就是代理少了个配置 secure: false, // 跳过https验证。
vite项目运行后是主机地址的解决方案
qq_48666244的博客
09-06 529
时，浏览器使用 DNS 来解析地址，这个地址可能与 Vite 正在监听的地址不同。当地址不一致时，Vite 会打印出来。Node.js 在 v17 以下版本中默认会对 DNS 解析地址的结果进行重新排序。开发服务器选项 | Vite 官方中文文档 (vitejs.cn)这是因为侦听非通配符主机的服务器优先于侦听通配符主机的服务器。来禁用这个重新排序的行为。Vite 将会将改地址打印为。在某些情况下，可能响应的是其他服务器而不是 Vite。第二种情况是使用了通配主机地址（例如。
vite vue3创建时找不到localhost
qq_39976615的博客
10-06 2140
如图： 问题，创建项目未npm install；
vue项目只能通过localhost和127.0.0.1访问
weixin_43728276的博客
04-22 3350
Q：使用npm run dev启动vue项目后，在本机使用localhost和127.0.0.1正常访问，使用却无法访问。 A: 在项目的配置文件中，设置了local host访问，将config/index.js下的host改为’0.0.0.0’即可
Vue2使用proxy跨域问题：‘http://localhost:8888‘ has been blocked by CORS policy：
ThisEqualThis的博客
09-20 6670
第一次进行vue的框架搭建，遇到了太多的坑，只能一边跳坑，一边填坑，希望最后别把自己给埋了。 以下是在使用proxy代理设置跨域时的问题： 解决方法： 在src/utils/request.js文件中将baseURL注释掉便可以，因为既然已经配置代理了，axios就不需再设置baseURL了，不然就不会经过代理处理。 // create an axios instance const servi...
使用https访问vue本地项目
06-08
然后你可以通过访问以下URL来访问你的Vue项目： ``` https://localhost:8080/ ``` 请注意，由于使用的是自签名证书，浏览器可能会提示你该网站的证书不受信任，你需要手动选择继续前往该网站。如果你想要使用有效...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值