vscode项目 localhost可以打开 ip地址却打不开

最新推荐文章于 2024-10-01 17:07:55 发布
最新推荐文章于 2024-10-01 17:07:55 发布
阅读量2.5k 收藏 6
点赞数 1
文章标签： vue.js 前端 vscode
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_51710516/article/details/125410447
版权
本文记录了一次项目运行中遇到的问题，即通过localhost:3000可以正常访问，但切换到IP地址访问时出现问题。经过排查，发现原因是项目配置文件中的主机设置为localhost。解决方案是将配置文件中的host改为0.0.0.0，这一更改使得项目可以从任何IP地址正确访问。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

我之前的项目运行起来是这样的，如下图所示

但是localHost:3000可以正常访问，一点击ip地址访问就不行

后来网上找了资料，发现原来是项目的配置文件出错了

我的项目配置文件是这个

将下面的host里面的内容改为   0.0.0.0   如图所示，原先是localhost

 

再打开就可以了

[已解决] 用vscode启动Django项目无法通过外网访问、无法用其他设备访问、无法用其他IP访问、同源策略禁止读取位于 的远程资源。(原因:CORS 请求未能成功)。
星云
09-26 889
Django服务器已打开，但是通过localhost能访问，用本机IP却不行。 办法很简单，只需要./.vscode/launch.json中添加启动参数。 launch.json { "version": "0.2.0", "configurations": [ { "name": "Python: Django", "type": "python", "request": "launch",
VScode连接远程服务器上的jupyter notebook的实现
09-17
这里的`remote_server`是服务器的别名，`HostName`是服务器的IP地址，`User`是你的用户名，`IdentityFile`指定私钥文件的位置。 接下来，我们需要在VScode中安装Remote - SSH插件。打开VScode的扩展市场，搜索...
ip地址访问vue运行项目
梧桐芊羽的博客
09-19 3020
ip地址访问vue运行项目 在未进行配置下，通过ip地址访问vue运行项目，是无法访问的。 vue项目想要通过ip地址访问运行项目，需执行以下操作。 1.查看本机IP地址。win+R打开cmd命令，输入ipconfig/all查看本机ip地址。 2.修改package.json文件中添加–host 0.0.0.0，然后重新重启项目。 "scripts": { "dev": "webpack...
Mac localhost 可以访问 ip无法访问
liyanhui1001的专栏
03-29 1万+
mac环境下，我在本机起了一个node服务，可以通过http://localhost:8080访问 可是通过本机的ip访问就是无法访问 本机的防火墙已经处于关闭状态了 这是因为node web server启动时只绑定了loopback(127.0.0.1) 网卡，可以在node web应用中指定绑定的IP为（0.0.0.0），即绑定所有的网卡，也就可以通过所有的IP访问了...
WAMP下解决localhost可以访问但IP地址无法访问的问题
qq_38148024的博客
03-10 2653
apache安装配置 安装 安装路径E:\wamp 配置根路径 默认的网站根路径是安装目录的www子目录（E:\wamp\www），如果不想使用默认目录，可以自己配置。配置方式如下： 找到文件D:\wamp\bin\apache\Apache2.4.4\conf\httpd.conf 或者打开如下文件（实际是同一个文件） 在文件中搜索DocumentRoot，找到239行位置 修改根路...
网站localhost和127.0.0.1可以访问，本地ip不可访问解决方案
热门推荐
justhere_的博客
05-08 2万+
部署了一个网站, 使用localhost和127.0.0.1加端口号可以访问, 但是使用本机的ip地址加端口号却不行. 原因可能有多种.如果是具体的代码, 修改绑定地址通常涉及更改程序的源代码、配置文件或启动脚本中的网络监听设置，以指定程序应该监听的IP地址和端口号。首先要确认是否localhost对应的端口是通的(直接网址访问), 以及你无法访问的那个本机ip是否正确(使用ping测试)；验证程序是否正确绑定。个人实践下来, 把防火墙全部关闭后不用再配置具体的规则, 如果还是不行那说明不是这个原因了.
vscode 如何连接 WSL (不能通过 IP 地址连接)
shimly123456的博客
02-24 537
vscode (remote-ssh) 连接 WSL 不能使用 IP地址 连接，需要安装 WSL 扩展才行。来源：https://www.cnblogs.com/wxdblog/p/17234342.html。
vscode怎么创建私有IP地址的react的项目
09-07
在Visual Studio Code（VSCode）中创建一个带有私有IP地址的React项目，通常意味着你需要在本地环境中启动一个React开发服务器，并通过私有IP地址在局域网内的其他设备上访问这个项目。以下是一般步骤： 1. 首先...
vue项目打包后直接修改ip地址
weixin_35757191的博客
01-09 2153
在 Vue 项目的配置文件中可以设置 devServer.host 属性来指定开发服务器的主机名。打包后的项目文件中并不包含该配置，所以需要使用其他方式来修改 IP 地址。 一种方法是在本地的 hosts 文件中添加一条映射记录，将域名映射到所需的 IP 地址上。例如，将 localhost 映射到 192.168.1.100： 192.168.1.100 localhost 然后在 Vue 项...
VSCode扩展实现：快速在本地打开端口
- 一旦本地服务启动，开发者可以在VSCode中打开浏览器并访问localhost加上相应的端口号，从而在本地环境中查看和测试应用。 #### 常用命令和操作 - **命令面板**: 开启VSCode命令面板，通常使用快捷键`Ctrl+...
vscode 不能正常打开本地前端(H5+CSS+JS)文件
IronBull_Zhang的博客
04-25 1967
一：问题 vscode使用edge调试报错’无法访问您的文件’或者’localhost 拒绝了我们的连接请求。(已安装Debugger for egde 和Debugger for Chrome 插件) 二.解决方法 打开"运行"-"配置" 将url属性的值修改为 你的本地文件目录 ...
iis服务web页面 localhost可以访问 ip不能访问
zhou13528482267的博客
08-24 2118
1、修改C:\Windows\System32\drivers\etc\下面hosts文件；需要重启电脑查看效果；2、通过internet选项-》安全-》站点-》添加对应http://127.0.0.1和对应电能IP；
VsCode运行Vue项目时，Network显示为unavailable
大把小米的博客
05-26 1万+
使用vue cli启动vue项目时，本地地址可以显示，但是Network显示unavailable。 1.打开网络设置，如果有多个网络启用，必须要禁用除了网络和共享中心正在连接中的以外的其他网络 2.在项目根目录新建vue.config.js（vue cli3没有这个，必须手动新建），在这里配置 devServer: { public: '192.1.2.153', port: '8080', index: 'homework.html', proxy: {
解决Vue项目IP地址无法访问（localhost可以访问）的问题？
gaoyaqinglove的博客
08-06 5542
修改项目config目录下index.js文件的host为：0.0.0.0，然后重启服务，即可通过ip访问该项目
VSCODE 设置同步network Error 问题
weixin_46235143的博客
07-12 2202
总共三步，快乐地打工去吧～
【问题解决】内网 VSCode 无法连接远程主机
看，未来的博客
02-26 867
首先我默认你前面该做的都做完了，但是还是无法连接。 这时候你认证看报错信息，它会尝试把你已经放置好的 vscode-server 删除掉，然后又删不掉，但是它默认已经删掉了，然后开始自己下载，但是又下载不了，于是就给你报错。 对于这个问题有两个解决方案： 1、修改 remote 的 externsion.js（大概这个名字）的代码，我不会改，就不贴了。 2、换个版本低一些的 remote，你们组里估计就你连不上，懂我意思不。 ...
VSCode调试技巧——调试时出现地址错误（如找不到某个文件夹，或者import失败）的解决办法
zp_jlu的博客
05-26 6371
CV小小白学习记录 错误发生背景: 在以debug模式运行别人的代码时，出现了导入包错误（“no module named ...”），以及文件地址错误（"no such file ..."），在终端直接运行的时候（运行代码如下图）不存在该问题，因此问题在于项目运行时的工作文件夹错误 解决办法： 在调试配置文件（在vscode—运行和调试—创建配置文件—根据你自己的情况进行选择）中添加 cwd 项，其值为相应的工作文件夹地址（从上图可以看出，我需要调试的项目是在 ./code 下运行的，
VScode重复远程连接同一IP的虚拟机报错：无法与“192.168.229.131“建立连接问题
最新发布
旺旺的碎冰冰~的博客
10-01 530
VScode重复连接同一IP的虚拟机报错：无法与"192.168.229.131"建立连接问题
解决vsCode突然打不开，点击没反应
qq_45854695的博客
09-09 2885
我上一秒还在使用vscode，重启电脑后vscode就打不开了。当然也是有点原因的，因为我的edge微软账号登录不上，且微软商店打不开，操作一通，账号是登录上了，vsCode打不开了，用管理员身份也打不开。当时的具体操作如下：和的作用：重置 TCP/IP 堆栈到其默认状态。这会清除所有通过netsh命令修改过的设置，包括手动配置的 IP 地址、子网掩码、网关、DNS、代理设置等。执行该命令后，网络适配器的所有 TCP/IP 配置将恢复为默认状态。：重置 Winsock 目录（Windows 套接字）
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值