nuxt.js如何将访问的外部ip修改为本地ip? Do you want Code to open the external website?

24 篇文章 4 订阅
订阅专栏
8 篇文章 0 订阅
订阅专栏
本文介绍了在Nuxt.js项目中遇到的访问外部网站问题,提供三种解决方案:检查并配置package.json中的host参数,尝试设置为0.0.0.0或localhost,以及改为127.0.0.1。通过这些配置调整,可以解决项目访问外部IP地址的问题。
摘要由CSDN通过智能技术生成

问题描述:

提示:Do you want Code to open the external website?

译文:是否希望代码打开外部网站?

说明我们nuxt.js访问的是别人的ip地址,而并不是自己的ip

问题解决:

方法一:

查看package.json的配置。

查询是否有如下配置,如果没有进行配置。

 "config": {
    "nuxt": {
      "host": "0.0.0.0",
      "port": "3000"
    }
  },

进行配置之后,重新启动,看是否ip地址有改变。


方法二:

如果方法一提供的解决办法不管用,进行方法二修改配置。

将package.json中添加的配置进行修改。

将host改为localhost

"config": {
    "nuxt": {
      "localhost": "0.0.0.0",
      "port": "3000"
    }
  },


方法三:

将package.json中添加的配置进行修改。

将host的值改为127.0.0.1

 "config": {
    "nuxt": {
      "host": "127.0.0.1",
      "port": "3000"
    }
  },

以上博主大大通过方法二和方法三都可以解决问题。


写到最后

四季轮换,已经数不清凋零了多少, 愿我们往后能向心而行,一路招摇胜!

🐋 你的支持认可是我创作的动力

💟 创作不易,不妨点赞💚评论❤️收藏💙一下

😘 感谢大佬们的支持,欢迎各位前来不吝赐教

Nuxt - 修改 Listening on: http://localhost:3000/ 本地服务 IP 域名地址(自定义服务器访问主机和端口)
王佳斌
07-08 3452
nuxt项目修改本地运行的端口,Nuxt如何更改本地运行端口,nuxt项目修改本地运行的端口,Nuxt.js项目多种设置ip访问方式,nuxt本机运行,如何用ip访问,localhost也可以访问Nuxt - 修改 Listening on: http://localhost:3000/ 本地服务 IP 域名地址(自定义服务器访问主机和端口)但有时候我们需要分享给其他局域网的小伙伴,如下图所示这样是不行的。打开项目根目录 配置文件,在配置项里加入以下代码: 最后,重启一下便可。
实现打包后修改服务器接口地址,nuxt+axios实现打包后动态修改请求地址的方法...
weixin_29458415的博客
08-06 681
需求:把请求地址等一些配置暴露出来以便打包后动态修改,而不需要重新打包编译。这样也是挺不错的,当一个项目需要部署到几个不同的服务器上时候,就不用说每次都要修改后再重新打包。功能不变时,单单是修改一下请求地址省了不少功夫。1.开始把需要动态修改配置写在一个配置json文件里面。该配置文件可以放在static目录下:静态文件目录:静态文件目录 static 用于存放应用的静态文件,此类文件不会被 N...
Nuxt 开发环境不支持ip访问
dicha7140的博客
09-11 544
传送门:https://nuxtjs.org/faq/host-port 开发模式下不支持ip访问? 打开package.json,添加如下配置,然后重启即可。 "config": { "nuxt": { "host": "0.0.0.0", "port": "3000" } } ...
在VS code中打开网页预览
N丶Z丨的博客
11-23 1万+
在VS code中打开网页预览 在平时进行前端设计的时候,你是否会因为无法实时观察到网页的变化而苦恼,每一次都要重新打开html文件的过程过于繁琐,现在就有一种新的方式能够让你在coding的时候实时观察到网页效果的变化。 Live Server 我们首先需要安装live server插件 安装完成后,我们右键你创建的html文件会有一个open with live server选项 点击那个选项就会使用默认浏览器打开你的html文件 打开文件效果: 但是这样你就需要保持这个浏览器窗口一直在你编辑器的
wordpress外部访问_如何使用WordPress在新窗口或选项卡中打开外部链接
09-08 941
wordpress外部访问Do you want to open external links from your blog posts in a new window? 您是否要在新窗口中打开博客文章的外部链接? Opening external links in a new window allows your users to visit the link without leavin...
(vue.js)nuxt.js:IP端口/局域网配置
11-01
1、nuxt.js/vue.js安装与运行 2、Ip端口冲突解决 3、IP端口/局域网配置 4、运行[WebStorm]]的配置
Nuxt.js之自动路由原理的实现方法
10-17
Nuxt.js是一个基于Vue.js的框架,专门用于构建服务端渲染的应用。它的核心特性之一是自动路由,这使得开发者能够快速地根据项目目录结构来创建和管理路由,无需手动配置Vue Router。Nuxt.js自动路由的实现原理是通过...
Nuxt.js 数据双向绑定的实现
10-17
在了解Nuxt.js中数据双向绑定的实现之前,首先需要理解什么是数据双向绑定。数据双向绑定是前端开发中的一种概念,当数据模型发生变化时,视图会自动更新;当用户在视图界面上作出操作时,数据模型也会相应地进行...
Nuxt.js踩坑总结分享
10-18
Nuxt.js是一个基于Vue.js的框架,用于开发服务器端渲染(SSR)和单页应用程序(SPA)的项目。本文对使用Nuxt.js开发中遇到的一些常见问题进行了梳理和解决方法的总结,以期帮助大家在使用该框架时能够更加顺利。 1....
Laravel + Nuxt.js样板@acidjazzLaravel + Nuxt.js样板-@acidjazz-Vue.js开发
05-27
nuxtjs / proxy将/ api发送到Laravel @ nuxtjs / tailwindcss实用程序优先的框架pug-高性能模板引擎mdi-带有大量贡献的材料设计图标以及Laravel-对于我们的API metapi-API帮助程序和实用程序debugbar-来自github的...
nuxt3 设置 ip 端口号,局域网访问
weixin_55479342的博客
03-06 1605
nuxt3 启动的项目,不进行配置的情况下,只能通过 localhost 进行访问,同局域网想要访问同事的页面会报错(本机通过 ip 访问访问不了),百度说是 nuxt 需要配置 ip 才可以进行访问。发现根目录的 nuxt.config.ts 可以设置 devServer ,devServer 对象里可以配置 host 、https 、loadingTemplate(加载页面)、port 及 url。只需在 nuxt.config.ts 配置文件中加入相关代码即可通过 ip 进行访问
axios修改服务器地址,nuxt+axios实现打包后动态修改请求地址的方法
weixin_31156677的博客
08-06 779
需求:把请求地址等一些配置暴露出来以便打包后动态修改,而不需要重新打包编译。这样也是挺不错的,当一个项目需要部署到几个不同的服务器上时候,就不用说每次都要修改后再重新打包。功能不变时,单单是修改一下请求地址省了不少功夫。1.开始把需要动态修改配置写在一个配置json文件里面。该配置文件可以放在static目录下:静态文件目录:静态文件目录 static 用于存放应用的静态文件,此类文件不会被 N...
Nuxt局域网访问方法
weixin_54796090的博客
11-16 724
Nuxt局域网+本地访问方法
Nuxt启动只能通过localhost/访问ip访问不到:问题解决
weixin_45966674的博客
04-13 1704
可能你自己本机调试看不出问题 但当你要和同事联调 别人要用ip在局域网看你东西 或者你部署上线的时候 就会发现 完了 ip访问不了。其实也很简单找到项目根目录下的 package.json。找到config 没有就自己写一个 参考代码如下。正常情况运行起一个Nuxt启动会输出本机地址和端口。这样项目启动后就可以通过ip进行访问了。
VUE_nuxt启动只能通过localhost访问ip访问不到:问题解决
最新发布
小歪博客
03-08 796
VUE_Nuxt启动只能通过localhost访问ip访问不到:问题解决
nuxt.js如何通过外部ip访问, 官方文档解决办法
weixin_47529554的博客
08-17 423
Nuxt - Configuration 第一种方法: HOST=0 PORT=8000 npm run dev 第二种方法:在 package.json 添加 "scripts": { "dev:host": "nuxt --hostname '0' --port 8000" }
nuxt.js 使用 ngrok 可以让外网访问本地开发环境的地址
weixin_43541909的博客
12-03 538
文档中是这样介绍的:ngrok将创建一个http-https-tcp隧道。请查看ngrok npm软件包以获取更多详细信息。当Nuxt服务器正在侦听时,我们需要能够连接到ngrok端口。获得公共URL后,我们希望将其打印到Nuxt CLI,以便我们可以轻松地单击它以打开并共享它。 然后觉得动手尝试了一下,操作步骤非常简单,实现起来也很快。就是有外网访问存在限制,一分钟限制访问多少次我也忘了,反正次数不会很多,但是适合手机与电脑不在同一局域网下环境用来查看效果。 直接开干吧,首先在项目里的开发环境下 下一个依
localhost不能访问127.0.0.1可以访问的原因及解决方法(整理)
热门推荐
StrideBin的博客
09-22 7万+
有时候我们在调试程序的时候,会出现一些莫名其妙匪夷所思的奇怪问题,localhost不能访问但127.0.0.1可以访问的问题就是其中之一。 我估计大多数人都不会去想localhost到底与127.0.0.1有什么不同,就比如我,有时候用http://localhost/来访问本地服务器网页,有时则用http://127.0.0.1/来访问,我觉得他们是通用的表示本地服务器的两个不同的写法而
nuxt项目修改本地运行的端口
my466879168的博客
05-14 2871
nuxt项目修改本地端口 nuxt项目的默认端口是localhost:3000,多个项目运行的时候一个端口就不够用了,更改端口只需要在package.json修改即可 在package.json中添加如下代码: host0.0.0.0的含义 其中host0.0.0.0表示一个集合:所有不清楚的主机和目的网络。 网络中0.0.0.0的IP地址表示整个网络,即网络中的所有主机。 使用的时候只要将0.0.0.0换为自己的主机地址或者是localhost即可 端口号范围 端口号设置为6666.6667等等是浏览
nuxt.js获取设备ip
03-31
Nuxt.js无法直接获取设备IP地址,因为它运行在服务器端,而不是客户端。要获取客户端的IP地址,需要在客户端使用JavaScript代码。以下是一种获取客户端IP地址的方法: ```js // 在客户端执行 const getIP = () => {...
写文章

热门文章

  • ERROR 1064 (42000): You have an error in your SQL syntax; check the manual ... 105776
  • 【MyBatis】 MyBatis与MyBatis-Plus的区别 53056
  • 【RabbitMQ】什么是RabbitMQ?RabbitMQ有什么用?应用场景有那些? 33731
  • 【数据结构】连通图、连通分量与强连通图、强连通分量—区别在于强,强强在哪里? 29124
  • 【阿里云OSS】You have no right to access this object because of bucket acl. 28530

分类专栏

  • 阶段一:数据结构 付费 43篇
  • mysql安装卸载 1篇
  • 冲刺阶段:面试宝典 18篇
  • 阶段二:Java基础 29篇
  • 阶段三:数据库 19篇
  • 阶段四:数据库原理与应用 2篇
  • 阶段五:前端
  • Vue+Element UI 18篇
  • nuxt 8篇
  • Jquery 1篇
  • 阶段六:maven 7篇
  • 阶段七:SSM&SpringBoot&SpringCloud
  • Spring 5篇
  • SpringMVC 1篇
  • Mybatis—MybatisPlus 6篇
  • SpringBoot 2篇
  • SpringCloud微服务
  • 阶段八:RabbitMQ 2篇
  • 阶段九:Linux 13篇
  • 阶段十:版本控制Git 8篇
  • Bug记录:错误集 24篇
  • 实战项目 12篇
  • 圈友app 8篇
  • 日积月累 8篇
  • 其他:csdn活动 1篇

最新评论

  • 微信扫码登录— 获取微信公众号二维码,关注公众号进行系统的用户登录

    Apollo0121: 获取二维码的链接不对?报404了:https://mp.weixin.qq.com/cgi-bin/showqrcode?ticket=ticket

  • docker启动报错:Job for docker. service failed because the control process exited with error code

    巷陌听雨客: buxing

  • 【RabbitMQ】什么是RabbitMQ?RabbitMQ有什么用?应用场景有那些?

    大飞哥~BigFei: 直接手写一个好用的rabbitMq-starter启动器表情包 https://blog.csdn.net/qq_34905631/article/details/136677232?spm=1001.2014.3001.5501

  • com.mysql.cj.jdbc.Driver报红怎么解决?且main方法中也报错改怎么解决?

    雯静不会代码: 天啊,太神奇了,最后一个setup SDK直接解决了这个问题,然后也解决了我在Services里找不到Springboot的问题表情包

  • docker启动报错:Job for docker. service failed because the control process exited with error code

    Sad_Castle: 这么奇葩小众的问题,感谢大佬有解决方案

最新文章

  • @Autowired 注入Mapper接口时报红色下划线警告
  • 执行mysql-community-libs-8.1.0-1.el8.x86_64.rpm报错依赖检测失败
  • 如何卸载在linux下通过rpm安装的mysql
2023年78篇
2022年107篇
2021年10篇

目录

目录

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

多多钟意你吖

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或 充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值

玻璃钢生产厂家玻璃钢雕塑制作方法焦作哪里有玻璃钢景观雕塑商场玩具区域美陈图片蓬莱玻璃钢门头雕塑四川玻璃钢雕塑费用镇江玻璃钢雕塑景观设计天水公园玻璃钢雕塑价格安徽现代人物玻璃钢雕塑上海玻璃钢海豚雕塑厂家商场包柱子美陈效果图资兴玻璃钢十二生肖雕塑哪里有做玻璃钢雕塑的厂家浙江常见商场美陈批发价南京玻璃钢花盆怎么样江苏抽象玻璃钢雕塑优势武汉创意玻璃钢雕塑哪家便宜商丘公园景观校园玻璃钢雕塑厂家安阳太湖石玻璃钢雕塑公司玻璃钢雕塑报价计算玻璃钢雕塑保定中山铅色花纹玻璃钢花盆铜玻璃钢彩绘雕塑河南玻璃钢雕塑租赁宝鸡广场标识玻璃钢景观雕塑玻璃钢贴金彩绘佛像雕塑厂吉林火烈鸟玻璃钢雕塑公司商场为什么要春节美陈陕西抽象玻璃钢卡通雕塑厂家专业玻璃钢雕塑推荐厂家商场美陈照片香港通过《维护国家安全条例》两大学生合买彩票中奖一人不认账让美丽中国“从细节出发”19岁小伙救下5人后溺亡 多方发声单亲妈妈陷入热恋 14岁儿子报警汪小菲曝离婚始末遭遇山火的松茸之乡雅江山火三名扑火人员牺牲系谣言何赛飞追着代拍打萧美琴窜访捷克 外交部回应卫健委通报少年有偿捐血浆16次猝死手机成瘾是影响睡眠质量重要因素高校汽车撞人致3死16伤 司机系学生315晚会后胖东来又人满为患了小米汽车超级工厂正式揭幕中国拥有亿元资产的家庭达13.3万户周杰伦一审败诉网易男孩8年未见母亲被告知被遗忘许家印被限制高消费饲养员用铁锨驱打大熊猫被辞退男子被猫抓伤后确诊“猫抓病”特朗普无法缴纳4.54亿美元罚金倪萍分享减重40斤方法联合利华开始重组张家界的山上“长”满了韩国人?张立群任西安交通大学校长杨倩无缘巴黎奥运“重生之我在北大当嫡校长”黑马情侣提车了专访95后高颜值猪保姆考生莫言也上北大硕士复试名单了网友洛杉矶偶遇贾玲专家建议不必谈骨泥色变沉迷短剧的人就像掉进了杀猪盘奥巴马现身唐宁街 黑色着装引猜测七年后宇文玥被薅头发捞上岸事业单位女子向同事水杯投不明物质凯特王妃现身!外出购物视频曝光河南驻马店通报西平中学跳楼事件王树国卸任西安交大校长 师生送别恒大被罚41.75亿到底怎么缴男子被流浪猫绊倒 投喂者赔24万房客欠租失踪 房东直发愁西双版纳热带植物园回应蜉蝣大爆发钱人豪晒法院裁定实锤抄袭外国人感慨凌晨的中国很安全胖东来员工每周单休无小长假白宫:哈马斯三号人物被杀测试车高速逃费 小米:已补缴老人退休金被冒领16年 金额超20万

玻璃钢生产厂家 XML地图 TXT地图 虚拟主机 SEO 网站制作 网站优化