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

最新推荐文章于 2024-05-09 10:29:14 发布
最新推荐文章于 2024-05-09 10:29:14 发布
阅读量1.7k 收藏 4
点赞数
文章标签： vue.js 前端 vscode
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_51710516/article/details/125410447
版权

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

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

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

我的项目配置文件是这个

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

 

再打开就可以了

叁尚豪上山
关注
  • 0
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
功能问题：如何用VSCode实现内网穿透？
m0_74802419的博客
12-19 1437
不知道大家有没有遇到过这种情况。 就是说，我们在本地跑了一个项目服务，项目地址为localhost，此时我们想把项目demo发给测试或其他人看一下，该怎么办呢？
打开端口-vscode
02-27
在vscode中打开端口 通过此扩展，您可以从vscode内部在localhost中打开端口。
Vue项目无法使用局域网IP直接访问的配置方法
w3h5 by Deshun!
12-20 1390
一般使用 vue-cli 下来的项目是可以直接访问局域网 IP 打开的，比如 192.168.1.11:8080 。但是最近公司的一个项目只可以通过 localhost 访问。 需要配置一下，才可直接用局域网 IP 访问，方法如下： 给 dev 添加--host 0.0.0.0 属性： "scripts":{ "dev":"webpack-dev-server--inline...
VS code下Python搭建flask框架局域网访问配置
weixin_44716256的博客
09-02 797
搭建好框架后： 配置访问地址，0.0.0.0代表所有人都可以访问，接口为9000 app.run(host='0.0.0.0',port=9000) 接着在防火墙中添加端口 然后一直下一步直到完成 之后回到vs中，运行程序，发现ip地址并没有发生变化 局域网内也无法通过此ip访问网页 检查后发现，在程序窗口中右键利用run code的方法进行debug 发现运行后地址更改为本机地址： 局域网内可以根据此网址访问网站。 ps：获...
运行Flask项目其他电脑无法访问（vscode编译）
qq_56894932的博客
01-11 1763
要使得你编写的flask项目，在同一局域网下被其他电脑访问项目，你将在vscode终端输入以下代码。，针对那些用vscode编写flask的朋友。二，案例讲解（适用于Windows电脑）
ip地址访问vue运行项目
梧桐芊羽的博客
09-19 2772
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...
修复vscode运行vue不能显示network的地址
一天不学习，就浑身难受
09-19 1582
public: require('os').networkInterfaces()[Object.keys(require('os').networkInterfaces())[0]][1].address + ':' + 8080, //设置访问ip端口
VSCode设置类似Webstorm那样可以用本地局域网IP地址访问自己开发的测试项目，vs code 前端如何以服务器模式打开？
热门推荐
我驾驶汽车从不是为了从A点到达B点，我喜欢去感受汽车，与之交流，与之融为一体。
03-06 1万+
1、在vscode中安装 Live Server 插件： 2、安装成功后，vscode右下角会有 Go Live 标识点击： 3、cmd ipconfig 查询自己电脑的ip地址： 4、复制地址替换端口前的地址（http://127.0.0.1:8080修改为http://192.168.2.100:8080），注意这是我的ip本地地址，读者别傻乎乎直接就复制过去了！ 5、把地址发送到手机...
VSCODE 设置同步network Error 问题
weixin_46235143的博客
07-12 1426
总共三步，快乐地打工去吧～
vscode服务器连接出现的问题
qq_44853023的博客
05-25 3989
1.curl 'http://10.3.8.211/login' --data 'user=学号&pass=密码'（学号和密码改成校园网自己的学号和密码）vscode是需要连外网下载插件的，但是之前学校的一些服务器被攻击了所以封了外网（这里的外网是相对于学校的内网而言的）3.找到“C:\\Users\\LENOVO/.ssh/known_hosts”这个文件，用记事本打开。3.此时再ping baidu.com，如果成功的话，再试一下终端ssh连接服务器。如果这样就说明能连上外网，可以排除这种可能性；
WIN7下网站用localhost可以访问改为ip不可访问如何解决
01-10
iis发布的网站用localhost可以访问，改成IP就无法访问如何解决？具体操作步骤为： 1、打开控制面板，找到Windows防火墙打开 2、找到高级设置打开 3、找到入站规则下的新建规则 4、跟着新建规则向导，选择端口->TCP->...
关于Appserv无法打开localhost问题的解决方法
10-29
安装了Appserv时，无法打开http://localhost或是http://127.0.0.1 下面的具体的解决方法，大家可以参考下。多注意看下端口占用问题。
解决webpack无法通过IP地址访问localhost的问题
08-27
下面小编就为大家分享一篇解决webpack无法通过IP地址访问localhost的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
VScode报错并且localhost:8080无法访问此页面
qq_39156275的博客
10-21 4830
VScode报错:crbug/1173575, non-JS module files deprecated.localhost:8080无法访问此页面
【问题解决】内网 VSCode 无法连接远程主机
看，未来的博客
02-26 670
首先我默认你前面该做的都做完了，但是还是无法连接。 这时候你认证看报错信息，它会尝试把你已经放置好的 vscode-server 删除掉，然后又删不掉，但是它默认已经删掉了，然后开始自己下载，但是又下载不了，于是就给你报错。 对于这个问题有两个解决方案： 1、修改 remote 的 externsion.js（大概这个名字）的代码，我不会改，就不贴了。 2、换个版本低一些的 remote，你们组里估计就你连不上，懂我意思不。 ...
解决vscode进行chrome调试时报错：localhost拒绝了我们的连接请求
L的博客
05-02 2404
解决vscode进行chrome调试时报错：localhost拒绝了我们的连接请求
VSCode Remote-SSH插件内网情况无法使用
qq_44839144的博客
08-12 2112
VSCode Remote-SSH插件内网使用问题解决
windows系统下命令行及VS Code中连接远程服务器失败解决方案
qq_40648977的博客
10-29 1555
打开命令行后，输入ssh usrname@ip(如：ssh [email protected]) 发现能正常连接服务器 此时，打开VSCode,首先安装Remote-SSH插件 来实现服务器的连接。具体的操作步骤如下： 配置好后，右击对应目标服务器，执行连接，会弹出输入用户密码的框，正确填写密码后，点击Enter,进行连接。 出现问题： vscode无法正常连接到服务器，而且退出后，再次使用命令行进行服务器连接，却发现命令行下服务器也...
vue数据大屏并发请求
最新发布
qq_60839348的博客
05-09 748
vue数据大屏并发请求
vscode打开vue项目
06-09
首先，确保你已经安装了最新版本的 Visual Studio Code。然后按照以下步骤打开 Vue 项目： 1. 在 Visual Studio Code 中选择“文件”>“打开文件夹”（或者直接在启动时选择“打开文件夹”）。 2. 在弹出的对话框中，浏览到你的 Vue 项目所在的文件夹，选择并点击“选择文件夹”按钮。 3. 等待项目加载完成后，在 Visual Studio Code 的左侧边栏中，你应该可以看到你的 Vue 项目的文件结构。 4. 点击“终端”>“新终端”，在终端中输入命令“npm install”或“yarn install”（取决于你的项目使用的包管理工具），以安装项目所需的依赖项。 5. 安装完成后，在终端中输入命令“npm run serve”或“yarn serve”来启动开发服务器。 6. 打开浏览器，访问 http://localhost:8080（或其他端口号，取决于你的项目配置）。此时你应该可以看到你的 Vue 应用程序正在运行。 祝你好运！

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值