vue项目启动后没有局域网地址

最新推荐文章于 2024-04-03 10:28:20 发布
最新推荐文章于 2024-04-03 10:28:20 发布
阅读量2.1k 收藏 2
点赞数
文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_52941842/article/details/125164583
版权

方法一：修改config配置文件

打开项目的config/index.js文件将host: "0.0.0.0"修改为host: '本机ip地址',

查看本机IP地址，cmd输入ipconfig其中IPV4就是IP地址，ip地址好像每次联网之后都会变，如果打不开了就查看下IP地址是否变化

 

 

方法二：修改package文件的scripts配置，在dev后面加上本机IP地址

此方法启动后在终端仍然只显示一个本地地址，没有局域网地址，但是我们可以直接在浏览器输入本机IP地址加：8080端口号查看项目，当启动多个项目时注意端口号会根据情况而变化

蕉君桑
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vue3 vite 创建运行项目 端口5000 没有ip访问地址
weixin_45157073的博客
06-28 1036
vue3 +vite 运行项目 出现问题 第一个问题 端口号5000的问题 上面图片是package.json文件的运行配置 默认 运行 npm run dev 使用npm run serve 会出现端口号5000 访问不到项目第二个问题 使用ip访问地址 vite.config.js......
webpack vue项目开发环境局域网访问方法
08-27
要使局域网内的其他设备可以访问我们的开发服务器，我们需要确保项目启动的IP地址和端口号是固定的，这样其他设备才能通过特定的网络地址来访问。通常，默认的开发服务器会绑定到`localhost`（127.0.0.1），只允许...
vue项目启动不显示Network，及Network无法访问的问题
zhangbaiming_的博客
06-06 4782
首先找到build文件夹下webpack.dev.conf.js文件，修改compilationSuccessInfo里边的messages属性。在vue.config.js（或者配置config了的，就在config下的index.js ）文件下设置。最后在package.json文件中 scripts 下的 dev 或者 serve 后面加上。以上设置可以显示Network 调试地址，但是无法访问，还需设置一下。回车后会出现一串信息，复制IPV4 地址即可。地址 ,获取IPV4 地址方法，
关于vue项目启动不能显示network调试，以及network无法访问的问题
weixin_59556897的博客
02-25 6533
起因：新启动的vue项目调试的时候，发现没有network。 查询很多方法 ，最终解决了 方法如下： 设置启动后终端显示localhost和network访问地址 修改build文件下webpack.dev.conf.js文件里compilationSuccessInfo的messages属性值： // Add FriendlyErrorsPlugin devWebpackConfig.plugins.push(new FriendlyErrorsPlugin({
vue运行项目只有local地址，没有network地址
vayne_1的博客
10-12 953
vue运行项目只有local地址，没有network地址，手动添加
VUE运行项目后，只有local地址，没有network地址（添加nerwork地址）
最新发布
蓝胖子的博客
04-03 1280
VUE运行项目后，只有local地址，没有network地址（添加nerwork地址）
Vue项目启动时不显示Network调试，以及Network无法访问的问题
weixin_52072629的博客
10-27 3107
...
vue-cli启动本地服务局域网不能访问的原因分析
08-28
完成这些步骤后，你应该能在局域网内的其他设备上通过你的电脑 IP 地址访问到 Vue CLI 项目。例如，如果你的 IP 地址是 `192.168.1.100`，那么其他设备可以通过 `http://192.168.1.100:8080` 来访问你的项目。这里的...
其他人如何查看前端工程师在本地跑的vue项目（0.0.0.0）
01-20
例如，如果前端工程师的IP地址是`192.168.20.36`，那么其他人在同一局域网内的设备就可以通过访问`http://192.168.20.36:3001`来查看前端的Vue项目（这里的3001是项目配置的端口号）。 值得注意的是，这种方法只...
(vue.js)nuxt.js:IP端口/局域网配置
11-01
1、nuxt.js/vue.js安装与运行 2、Ip端口冲突解决 3、IP端口/局域网配置 4、运行[WebStorm]]的配置
vue项目中的webpack-dev-sever配置方法
08-28
在同一局域网下的其他设备上，通过`http://your-local-ip:8080`（将`your-local-ip`替换为你的机器在局域网中的IP地址）即可访问你的Vue项目。 以上就是Vue项目中`webpack-dev-server` 的基本配置方法。理解并掌握...
Vue3.0结合bootstrap创建多页面应用
10-16
项目创建完成后，Vue CLI会提示你一些后续操作。进入项目目录，运行`cd j`。然后，启动开发服务器，输入`npm run serve`。这将启动一个本地开发服务器，提供两个URL，一个是本地开发用（http://localhost:8080），另...
vue-cli项目无法用本机IP访问的解决方法
10-17
在开发Vue.js应用程序时，使用Vue CLI创建的项目通常会通过`npm run serve`命令启动一个本地开发服务器。然而，有时我们可能遇到一个问题，即在尝试通过本机IP地址访问这个开发服务器时，浏览器提示“拒绝了我们的...
VUE入门1
08-03
等待项目启动后，终端将显示本地和局域网访问链接。你可以通过浏览器预览项目页面。`npm run serve` 命令启动的是热更新的开发服务器，修改代码后，页面会自动刷新。 开始切图 在Vue中，`App.vue`是项目的起点，其...
通过vite3+Vue，以及ar.js实现webAR手机端展示。
06-23
本资源含报告及代码和模型。 可以通过自然图片（nft训练）实现视频和...使用方法，“npm run dev -- -- https” 启动Vue3并支持https协议。 然后手机连接电脑所在局域网，访问网址即可成功。 喜欢的话就直接下载吧。
vue-cli启动本地服务，局域网下通过ip访问不到的原因
w244ang的博客
06-04 1028
1.问题描述： 新开发了一个vue-cli项目，想通过手机查看效果，发现访问不到，ip地址和端口号都没错但是手机访问不到，在本机电脑浏览器输入ip端口号一样访问不到，只能通过localhost:8080访问到，同一局域网下其他的手机和电脑并不能通过ip地址访问调试， 2.原因：vue-cli项目是通过命令行一键生成的，配置文件中默认生成的是本地调试模式，默认访问地址是localhost:8080 3.改正的方式 找到config文件夹下的index.js文件,修改host:“loca
Vultr VPS添加额外的IPv4地址
Labolasya的博客
03-30 707
如果有错误，可能是yaml文件缩进错误，放chatGPT改一下就行了。
Vue---vue项目中启动后报错Network: unavailable的解决办法
COCOLI_BK的博客
01-05 2879
在vue项目根目录下找到或创建 vue.config.js 文件，在devServer配置里面添加public。vue项目run命令后，只有localhost访问，network不能访问，启动后不显示对应的IP地址。如下代码所示： public:‘192.168.1.2:8080’3. 之后完美运行！
解决局域网内Vue 2x 版本下，项目启动后不能被外部IP访问
xinxiaoyong的博客
09-19 2802
1、序言： 现在在用Vue开发项目的小伙伴，有一些时候，想要在别人的电脑上访问自己的项目。其实也不难，4步让你轻松访问。 2、具体步骤如下： 2.1 修改config文件下的index.js配置文件： 将此处的host的值修改为0.0.0.0(即 host: 0.0.0.0) 2.2 Dos窗口下查看本机的ip地址： 通过ipconfig查看自己电脑的ip地址。 2.2...
本地vue-cli启动了一个项目只能通过localhost:8080访问到,同一局域网下其他的手机
09-08
3. 保存并重新启动项目：保存修改后的配置文件，并重新启动vue-cli项目。 4. 在其他手机上访问：确保其他手机与同一局域网下，并在手机浏览器中输入你的本地IP地址加上端口号8080（例如：192.168.x.x:8080），即可...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值