vue项目中，npm run dev启动后把127.0.0.1或是localhost地址改成本地ip地址不生效的原因

最新推荐文章于 2024-08-26 14:18:05 发布
最新推荐文章于 2024-08-26 14:18:05 发布
阅读量9.4k 收藏 2
点赞数 1
分类专栏： 测试等
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43462746/article/details/105686578
版权

目的是想在手机上同网测试下项目；
检查了防火墙，与配置了host文件都不生效
后面修改了webpack config/index.js 文件内host修改为对应的网络ip地址就可以了
在这里插入图片描述

今天也要加油哇
关注
专栏目录
vue服务在开启时 ➡自动进入服务⬅ 并且地址栏中输入 127.0.0.1 可以进入到服务
北芒的博客
03-29 1564
前言 我们都知道在vue 项目开启的时候，他会给你一个地址，而你只有在服务器中输入它给的地址才能进入到相应的服务 而且 vue 服务在开启的时候并不会自动进入到服务 就像这样： 那么如何才能让自己的服务自动打开并且输入127就能进入呢？ 步骤1： 在 vue 项目的根目录下创建一个 vue.config.js 文件（右击新建文件） 步骤2： 在文件中写入内容 module.exp...
Vue代理模式和Nginx反向代理(Vue代理部署不生效)
CVPR收割机的博客
02-06 2313
那么这时候数据请求将请求的是http://localhost/api/admin/employee/login地址，但是我们需要请求的接口。前端发送：http://localhost:7070/api/admin/employee/login。经过代理转换为：http://localhost:8080/admin/employee/login。前端发送：http://localhost:7070/api/admin/shop/status。：打包时这个代理并不会跟着打包。打包结束后生成dist文件夹。
vite创建vue项目启动时端口号为127.0.0.1修改为localhost
qq_46580571的博客
08-07 8024
vite创建vue项目修改端口号为localhost
解决npm run dev无法被同局域网访问的问题
道长的博客
08-26 1208
解决生成的网址无法被同局域网下的其他主机访问的问题，关键在于配置开发服务器以监听所有网络接口，或者使用内网穿透工具。根据你的具体需求和环境，选择合适的解决方案，可以大大提高开发和测试的便利性。
vite创建vue项目启动时域名为127.0.0.1修改为localhost不生效——问题解决
yehaocheng520的博客
04-28 1255
vite创建vue项目启动时域名为127.0.0.1修改为localhost不生效——问题解决
[vue]npm run dev只能localhost访问的解决方法
qq_26931659的博客
07-19 1万+
vue]npm run dev只能localhost访问的解决方法 http://localhost:8081/ 可以。 http://130.51.23.12:8081/ 浏览器显示：130.51.23.12 拒绝了我们的连接请求。 解决： 改config/index.js host: ‘0.0.0.0’, ...
vue的npm run dev自动打开浏览器姿势（自动获取本地ip）
m0_37036014的博客
03-21 6197
vue 的 npm run dev 自动打开浏览器姿势（自动获取本地的ip地址） 前言 比这开发时，用了vue-cli，运行npm run dev命令行时会自动打开浏览器，并且默认的是打开http:// localhost:端口/，当我想用手机设备去访问时，访问地址得是http:// IP地址:端口的形式，然而我们的ip是每次都会变化的，这样导致每次都需要操作 ipconfig 获取本地ip再...
前端访问本地IP加端口无法访问【127.0.0.1可以访问】
weixin_45780837的博客
01-12 1035
后端其实也会有可能造成这个问题，只是现在框架都做了相应的处理。解决方式：将127.0.0.1修改成0.0.0.0。原因：应该是映射网关造成的问题。
vue本地开发环境访问一级域名cookie访问不到,使用hosts代理一级域名,在vue-cli的config下做了跨域设置
weixin_44272169的博客
05-10 773
但是这段时间开发下来，发现这种办法只能解决一部分此类问题。举个栗子，有时候开发会遇到调用接口需要依赖cookie的情况，但是不同域名下的cookie无法共享，这就导致在本地开发的过程中，虽然在vue-cli的config下做了跨域设置，能够调用到接口，但是却无法请求到数据的问题，这着实让人头疼不已。 针对这个问题，我想到直接将开发环境的域名配置成所需要的域名即可，即在build/dev-server.js中进行配置： var uri = 'http://xxxxxxxx' //配置所需域名 之后在本地的
Vite启动后提示“Network use `--host` to expose“，且无法通过网络IP访问服务
m0_67402970的博客
03-01 394
目录 起因 问题重现 问题原因 解决方法 1. 修改 vite.config.js 配置 2. 通过 Vite CLI 配置 3. 修改 npm 脚本 起因 当使用 Vite 构建项目后，需要通过局域网中的电脑或手机访问服务调试时，发现通过 IP + 端口无法访问。 问题重现 当运行 npm run dev | serve 命令时，会显示一下内容。 > vite-vue@0.0.0 serve /Users/UserName/Workspace/vue-vite > vite |
《hyperf+vue-element-admin - 实现前后分离多项目二级目录部署》
小霸王的博客
02-08 853
前后端分离vue-element-admin + hyperf
Day 73 Npm包管理 +Express+路由+中间件
qq_63778549的博客
03-09 383
三、npm包管理 1、介绍 npm是NodeJs项目模块管理工具，它已经集成了nodejs安装包中（自5.2以后新增了npx指令用于解决调用项目内部安装的模块繁琐的问题），使用npm可以实现从NPM服务器下载别人编写的第三方包到本地使用。 npm仓库地址：npm 当然除了npm以外还有Facebook贡献的Yarn，功能和npm一样，也可以作为包管理工具。 问题：npm帮我们下载和安装的包，计算机关机后再开机还是否可以继续使用？ npx（了解） 为了临时帮我们去做安装操作（react）
vue项目 前端 POST(GET) http://127.0.0.1xxx 404(Not Found)错误 （多种误区解决）
热门推荐
北芒的博客
04-10 7万+
在做项目调用接口的时候经常出这种错误 这种错误基本上是由于不细心造成的 为什么会出现这种错误 因为它没有找到对应的接口 比如你想调用 地址为 login 的接口，然后出现了这个问题，然而明明有这个接口却调用不到 这时就会出现这种错误 可能出现的错误之处 代理出现错误 请仔细检查你的代理是否出现错误 调用接口地址出错 仔细检查调用的地址是否和接口地址一致 因为是使用的代理...
vue启动时自动跳转到127.0.0.1，自动打开 http://0.0.0.0:8080/
roothahh的博客
08-30 1263
最近在做一个vue项目，vue-cli启动的node服务，试用localhost或者127.0.0.1可以正常访问，但是如果想用本机ip访问的话，需要修改一个设置，
vue运行 cnpm run dev后可以使用IP访问设置
one_four_two的博客
04-09 4329
在运行完 cnpm run dev 命令后可以通过localhost:8080访问。但是不可以通过IP访问。这时可以在package.json文件夹的scripts的dev选项添加 --host 0.0.0.0 “dev”: “webpack-dev-server --host 0.0.0.0–inline --progress --config build/webpack.dev.conf.j...
localhost可以访问换成本机ip就无法访问
qq_57623976的博客
05-10 3449
开发过程中有时候需要在真机上查看一下页面效果就需要把localhost换成本地的IPv4地址，就会出现换了地址之后页面就不见了，需要在package.json文件里， 加上--host 0.0.0.0即可解决问题
vue-cli起的webpack项目 用localhost可以访问，但是切换到ip就不可以访问
weixin_30451709的博客
12-02 642
我用的是vux起的一个项目（移动端，基于vue的），因为是移动端的，需要在手机上测试，发现用http://localhost:8081/访问的挺好的，但是换到ip就访问不了，期初我以为是代理的原因，将电脑的代理给关掉了。还是不行，然后改为127.0.0.1访问，发现可以访问，用0.0.0.0访问也可以，就是ip不行。然后就各种google，百度。别人家的方法---都试了好多，发现没效（...
vue项目启动时将localhost替换成指定ip地址
weixin_60684791的博客
11-19 1万+
node启动vue项目时地址一般都是http://localhost:8080 vue.config.js 中的host：‘localhost’换成host：‘你的本机ip’就可以了 module.exports = { devServer: { // 更换ip host:'192.168.1.100', // 代理访问 proxy: { 'api': { target: 'http://121.89.205.189/api'...
在idea中终端中输入 cd vue和npm run dev后提供的local地址
最新发布
09-26
在 IntelliJ IDEA 的终端中，当你通过 `cd` 命令进入 Vue.js 项目目录，然后运行 `npm run dev`，Vue CLI 将启动一个本地开发服务器。默认情况下，这个服务器会监听本地的端口（通常是 8080 或者配置文件中指定的其他端口），并提供一个可供访问的 URL。 命令执行完成后，你会看到类似这样的信息： ``` > Your Project Name@1.0.0 dev /path/to/your/vue/project > vue-cli-service serve [HPM] Serving files from undefined [HPM] Serving HTTP on 127.0.0.1:8080 (http://127.0.0.1:8080) [HPM] Proxy created: /api -> http://localhost:3000 ``` 这里的 "http://127.0.0.1:8080" 就是你可以使用的本地开发地址，通常在浏览器中输入这个地址即可查看和调试应用。如果你的项目设置了代理到其他服务（如 `proxy` 配置），那么可能会显示相应的代理目标 URL。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值