vue init webpack myproject构建项目 ip不能访问

解决Vue项目本地IP访问问题
最新推荐文章于 2025-07-27 16:46:56 发布
原创 最新推荐文章于 2025-07-27 16:46:56 发布 · 1.5k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#localhost #ip #vue

本文介绍了解决Vue项目在使用本地IP访问时遇到的问题的方法。通过在webpack配置文件中添加特定代码并重启项目，使得项目能够通过本地IP进行访问。
问题

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+webpack 创建项目
qq_25687271的博客
09-21 4191
安装webpack 全局安装：npm i -g webpack 目的：在任何目录中通过CLI使用 webpack 这个命令 项目安装：npm i -D webpack 目的：执行当前项目的构建 成功就会出现这几个目录 使用实例 思路 1.安装node js 第一步检测是否安装node；没有安装node的同学请到官网下载安装https://nodejs.org/...
完美解决通过IP地址访问VUE项目的问题
10-15
主要介绍了完美解决通过IP地址访问VUE项目的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
解决vue-cli构建本地项目，无法通过本机ip访问的问题
逆水行舟，不进则退
07-11 6988
问题vue init webpack myproject构建项目 使用localhost 或者127.0.0.1 均可以正常访问，但是切换到本地ip就不行了解决方式在 webpack.dev.conf.js 追加以下代码const HOST = process.env.HOST || '0.0.0.0';1重新启动npm run dev1重新打开即可...
vue3中使用ip地址访问和使用网址访问网站不一样
最新发布
2502_90467088的博客
07-27 212
摘要：用户通过IP地址和网址访问同一网站时出现差异，发现前端请求被定向到错误IP。排查发现不同局域网下问题依旧，确认前端代码中API地址被写死。进一步检查发现使用网址访问时加载的是未更新的dist文件夹旧版本文件，而IP访问直接指向最新代码。问题根源在于Nginx代理网址请求到未更新的dist目录，而IP访问绕过代理直接访问应用。解决方案是重新构建前端代码更新dist文件夹内容。
关于vue项目运行时候，别人无法通过我的IP地址来访问我的项目问题。
全栈科学家的博客
12-05 3561
本地运行的项目可以通过local host来访问，而有时候同事之前或者自己通过手机来访问我运行的项目的时候，必须要使用IP地址才可以访问。但是问题就在于IP访问不了。
Vue 局域网使用ip无法访问的解决方法
shylcok的博客
01-07 1917
搜到了很多解决方法，但是，尝试到这个才能用 版本： [root@localhost vue_time]# vue --version 2.9.6 [root@localhost vue_time]# node -v v15.5.1 只要在项目的目录下，找到package.json 在script模块下，dev项中，增加一个启动配置参数 --host 0.0.0.0即可，下面是增加了之后的 [root@localhost vue_time]# cat package.json { "name
解决vue-cli项目无法用本机IP访问的问题
shenzhen_zsw的专栏
08-30 5762
所遇问题 启动vue-cli项目服务，用本机IP无法访问此网站，拒绝了我们的链接请求。从而无法从手机上预览效果 原因分析 在我们的bulid目录下有一个webpack.dev.config.js的配置文件，发现devServer对象里的host属性取自process.env.HOST || config.dev.host。   于是这里我们去查看config.dev.host。在我们的con...
vue init webpack myproject构建项目 ip不能访问的解决方法
11-28
问题 vue init webpack myproject构建项目 使用localhost...以上这篇vue init webpack myproject构建项目 ip不能访问的解决方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持软件开发网。
快速解决vue-cli不能初始化webpack模板的问题
08-27
快速解决vue-cli不能初始化webpack模板的问题 在本文中，我们将讨论如何快速解决vue-cli不能初始化webpack模板的问题。该问题可能是由于多种原因引起的，例如代理问题、网络连接问题等。在下文中，我们将提供一个...
PS D:\Java\MyProject> vue init webpack ui vue : 无法将“vue”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写，如果包括路径，请确保路径正确，然后再试一次。 所在位置 行:1 字符: 1 + vue init webpack ui + ~~~ + CategoryInfo : ObjectNotFound: (vue:String) [], CommandNotFoundException + F
03-29
PS C:\> vue init webpack ui # 创建项目 ``` --- ### 相关问题 1. **如何修复npm全局安装权限问题？** - 可通过`npm config set prefix ~/.npm-global`修改全局安装路径，并更新环境变量[^4]。 2. **...
本机的IP地址无法打开（Vue项目）
weixin_30466421的博客
08-09 757
1， 首先找到使用vue脚手架建立项目config文件中的index.js文件2， 修改dev里面的host属性值：改成 host: ‘0.0.0.0’3， 最后在局域网下，使用自己的ip进行连接，同时别忘了重启项目 4.发现该版本的vue-cli将host主机名定义为localhost, 从而导致了本地IP不能访问服务。 转载于:https://www.cnblogs.c...
解决vue init webpack 下载依赖卡住不动的问题
01-21
有时候下载依赖的时候网速不行，这时候我们选择手动下载依赖 有时候下载依赖的时候网速不行，这时候我们选择手动下载依赖：选择 No,I will handle that myself 生成完项目之后，再cd进入项目文件夹，然后再npm install 安装即可。 但是如果真的安装“个把”小时也没成功那就用：cnpm install 吧 如果安装过程中等待太久，我们难免会不耐烦，所以会中途关闭项目。那么我们接下操作 npm run dev 肯定是报错的 正确做法：cd进入项目文件夹，然后再npm install 安装完。如果还是安装“个把”小时也没成功那就用：cnpm install 再执行 n
vue项目ip地址无法访问的问题
dingwei8767的博客
07-16 405
在编写项目时，有的时候localhost的链接是可以正常访问的，但是我们需要在其他设备上也访问到改地址，所以就需要ip地址进行访问了，但是ip访问提示我们无法访问此网站。 修改config/index.js 将host: 'localhost'改为 host:’0.0.0.0’ 重启，ip可以访问 转载于:https://www.cnblogs.com/szyxq/p/9317...
vue项目ip地址无法访问_完美解决通过IP地址访问VUE项目的问题
weixin_39571749的博客
12-20 4532
第一步1.将config里面的host设置成0.0.0.0host: '0.0.0.0',2.修改package.json"scripts": {"start": "cross-env NODE_ENV=development webpack-dev-server --inline --progress --config build/webpack.dev.conf.js --host 0.0.0...
用vue init webpack (project) 创建项目却卡住不动
michiko98的博客
08-24 982
如上图，我用vue init webpack demo一直卡在 downloading template那儿不动，最后报超时错误，然后自己从网上搜了好多解决方法还是没用（比如设置淘宝镜像、换个网络等等）
vue init webpack 卡住_一步一步实现自己的vue
weixin_39783771的博客
11-20 418
1.准备工作** 我们先利用webpack构建项目:**初始化项目npm init -y安装webpacknpm i webpack webpack-cli webpack-dev-server html-webpack-plugin --save配置webpack // webpack.config.js const path = require('path'); const HtmlWe...
vue-cli之初始化项目（二）
weixin_33971130的博客
05-08 2688
1、vue init命令讲解用vue init命令来初始化项目，具体使用方法如下：vueinit<template-name><project-name>init：表示要用vue-cli来初始化项目<template-name>：表示模板名称，vue-cli官方提供的5种模板：webpack：一个全面的webpack+vue-load...
vue+webpack初始化项目一直卡住，在线求解！！！
热门推荐
Jquery_ch的博客
08-02 1万+
一个月没有使用vue写项目了（一个月前使用vue脚手架还好好的)，但是前天突然想写一个demo，在使用vue-cli初始化项目的时候，发现一直卡主，无法进行下一步，附上截图 我的本地全局信息  初始化项目demo,创建webpack模板 排除因素： 网速问题, 网速飞起，公司内部网速很快 版本问题，vue+vue-cli+node+webpack都是目前比较稳定...
Vue init webpack 下载依赖卡住不动解决方法
林中明月间丶
07-15 7039
https://blog.csdn.net/qq_38295704/article/details/89737689 有时候下载依赖的时候网速不行，这时候我们选择手动下载依赖 有时候下载依赖的时候网速不行，这时候我们选择手动下载依赖：选择 No,I will handle that myself 生成完项目之后，再cd进入项目文件夹，然后再npm install 安装即可。 但是如果真的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值