在服务器跑vue不能访问？是你的host设置问题

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

看了csdn的一堆文章
大都是部署的
也就是 经过了 npm run build 之后，打包好的压缩工程部署
比如：
https://blog.csdn.net/weixin_43690623/article/details/122718677

我想知道的，是，如何 npm run dev 就能访问，

答案是：在config/index.js 进行 host 的 0.0.0.0 设定
在这里插入图片描述

vue项目无法在IE浏览器中显示
木木木华的博客
02-01 1706
网上找了很多资料，都说是babel-polyfill包的问题，按照他们的方法，我发现无法解决，之于这些坑，总结了我的解决方法。 拿到一个vue项目首先要安装对应的插件， npm install 安装过程遇到 ensuring that file exists: C:\Python27\python.exe 这个问题，我开始不是很明白，为啥前端项目需要python，后面查了下才大概了解，有些包是需要python环境的。 注意：这里需要的是python2.7的环境，python3也是不行的，按照网上的教程傻瓜
完美解决通过IP地址访问VUE项目的问题
10-15
在这里，我们将`host`设置为`0.0.0.0`，这使得服务器监听所有网络接口，而不是仅仅监听本地回环地址。打开`config/index.js`文件，找到`host`字段并将其改为： ```javascript module.exports = { // ... dev: { ...
vue项目启动后google浏览器无法访问“app.js中vue未被定义”
wuxiaowu123的博客
09-18 2700
由于这是昨天遇到的问题，具体报的错怎麽提示的忘了，大体意思就是标题中的错，在其他浏览器都正常访问，而且在这之前正常的项目也无法用google浏览器访问了，都是报这个错，那么怎麽解决呢？ 在网上查了好多，都没能解决这个问题，网上大多是引入式的单页面vue解决方案，对我也没用，我用的是vue框架，最终怎麽解决的呢？ 打开google浏览器的设置->高级设置->清除浏览数据，重新打开go...
Vue项目启动成功，但是在浏览器访问缺异常，提示“网页无法正常运作‘“
AnLing1314的博客
06-02 6141
近期在项目开发中，发现前端Vue项目启动成功，但是发布服务的时候，发现网页无法正常打开，并提示"该网页无法正常运作"
前后端分离的vue项目部署到测试环境后，在火狐浏览器无法打开
snowflakelm的博客
08-31 2546
把前后端分离的项目（前端vue，后端Java）部署到服务器上后，在Google浏览器能正常打开，在火狐浏览器无法打开，F12提示“已拦截跨源请求：同源策略禁止读取位于 https://xxx.com:8080 的远程资源。经排查发现，运维在Nginx上配置时把前端请求后端的接口IP配置成了http,而后端是加了证书的，真正的请求是https，这样就导致前端请求后端接口提示跨域；经过对比火狐浏览器和谷歌浏览器的请求头发现，火狐的请求头里Origin为null，而正常情况下Origin应该是系统的请求地址；..
Vue项目启动后用局域网不能访问
分享自己的经验、IT技术，愿在博客中遇见更好的自己
12-08 2902
今天来解决一个问题：基于Vite构建的Vue项目在启动后只能通过localhost这种形式访问，但 如果把localhost换成本主机的局域网ip地址之后页面无法访问了。
vue-cli启动本地服务局域网不能访问的原因分析
08-28
完成这些步骤后，你应该能在局域网内的其他设备上通过你的电脑 IP 地址访问到 Vue CLI 项目。例如，如果你的 IP 地址是 `192.168.1.100`，那么其他设备可以通过 `http://192.168.1.100:8080` 来访问你的项目。这里的...
vue 本地服务不能被外部IP访问的完美解决方法
10-17
总的来说，通过修改`webpack-dev-server`的配置，我们可以轻松解决Vue本地服务不能被外部IP访问的问题。这种方法适用于开发者需要跨设备测试或协作的情况，但同时也需要注意安全问题。希望这篇文章对你有所帮助，...
浅谈vue项目,访问路径#号的问题
10-14
此外，如果你的Vue项目在本地开发时需要同时通过localhost和IP地址访问，你可以在`index.js`配置文件中修改`host`属性，将其设置为你本机的IP地址： ```javascript host: '192.168.X.XX', // replace X's with your...
解决VUE项目localhost端口服务器拒绝连接,只能用127.0.0.1的问题
11-20
Vue项目不能使用localhost:8xx0进入项目，但是将localhost替换为127.0.0.1却可以进入。 解决办法： 进入文件 C:\Windows\System32\drivers\etc\hosts 用记事本打开 hosts 文件进行编辑，看看文件里是否有 127.0.0.1...
解决Vue2.0自带浏览器里无法打开的原因（兼容处理）
08-29
本篇文章主要介绍了解决Vue2.0自带浏览器里无法打开的原因（兼容处理），非常具有实用价值，需要的朋友可以参考下
Vue3 - 解决项目启动后浏览器无法访问问题（Network: use --host to expose）
最是人间留不住，朱颜辞镜花辞树。
03-10 9070
（4）使用浏览器访问“http://localhost:5173”无法打开页面，提示“无法访问此网站localhost 拒绝了我们的连接请求。根据“Network: use --host to expose”提示，要求服务使用 host 来进行暴露，即要将服务暴露成“IP + 端口号”进行访问。（1）首先修改 package.json 文件，将启动项中的 dev 和 serve 增加 --host 参数。（3）上述命令执行后，控制台显示“Network: use --host to expose”
Vue 项目启动默认打开 http://0.0.0.0:8080 ，浏览器无法访问
Vvaans的博客
03-08 3075
5.x 版本 使用–open 时，默认打开浏览器，会出现 0.0.0.0:8080，浏览器显示无法访问。或者在 package.json 中的启动命令添加–host localhost。在 devServer 配置项中添加 host 为 localhost。虽然这个方案解决了问题，但是也产生了新的问题，并不完美。在 vue.config.js 文件中配置进行如下配置。我们可以看到此时的两个地址是相同的。vue.config.js 配置。所以有了第二个解决方案。这里设置的优先级更高。
Vue项目启动默认打开http://0.0.0.0:8080，浏览器显示无法访问，手动修改为 localhost:8080 可正常打开
weixin_42222436的博客
11-04 5171
vue-cli 5.x 版本 使用–open 时，默认打开浏览器，会出现0.0.0.0:8080，浏览器显示无法访问，手动修改为 localhost:8080 可正常打开，但是每次都需要修改就很烦人。
vue项目启动成功浏览器不显示
i_am_a_div的博客
11-28 6327
vue项目启动成功浏览器不显示
vue-cli-service serve --open启动项目时打开浏览器失效无法打开浏览器解决方法
山前山后各有哀愁 有风无风都不自由
03-24 2827
vue-cli 运行vue项目，设置 vue-cli-service serve --open 自动打开浏览器失效，npm run serve无法启动浏览器
Vue打开了默认启动项目自动开启浏览器，报错：网址为 http://0.0.0.0:8080/ 的网页可能暂时无法连接
weixin_45657684的博客
07-15 1894
这个问题是我们在vue.config.js配置opentrue,时候，忘记配置指定的端口号，如图，忘记配置红色框里面的了，配置好，重新启动，就ok。
【异常解决】vue项目localhost:8080无法访问此网站或者无法访问此页面，localhost拒绝了我们的连接请求
热门推荐
No8g攻城狮的博客
04-06 5万+
出现如图所示，8081端口被占用，且占用该程序的PID号为143132，接着【Ctrl + Alt + Delete】打开任务管理器，找到PID号为143132的进程，结束该进程，然后再重启服务项目即可。项目未成功启动，则需要查看前端项目为什么没有启动成功，这个原因复杂不再具体说明，可以试着重启服务项目，多重启几次。打开“我的电脑”，选择左上角的“计算机”中的“卸载或更改程序”。点击确定，然后浏览器验证，localhost已经可以访问了！（此处我查看的端口是8081，注意更换成自己的端口号）
vue ip不能访问
最新发布
12-05
在Vue项目中，如果遇到IP无法访问的问题，通常是由于配置不当或开发环境的限制。以下是一些常见的原因和解决方法： 1. **开发服务器配置**： - 默认情况下，Vue的开发服务器（`webpack-dev-server`）只监听`localhost`。要允许通过IP访问，需要在`vue.config.js`文件中进行配置。 ```javascript module.exports = { devServer: { host: '0.0.0.0', port: 8080, // 你想要的端口号 disableHostCheck: true } }; ``` - 修改完配置后，重新启动开发服务器：`npm run serve`。 2. **防火墙设置**： - 确保你的操作系统的防火墙没有阻止指定的端口。你需要在防火墙设置中允许该端口的入站和出站流量。 3. **网络配置**： - 确保你的开发机器和访问机器在同一个局域网内，或者你的开发机器有公网IP。 - 如果你在公司网络或公共网络中，确保网络管理员允许通过该端口访问。 4. **路由器设置**： - 如果你在家里开发，可能需要配置路由器的端口转发，将外部请求转发到你的开发机器。 5. **浏览器缓存**： - 有时候浏览器缓存会导致访问问题，尝试清除浏览器缓存或使用隐身模式访问。 通过以上步骤，你应该能够解决Vue项目中IP无法访问的问题。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值