【报错系列】vue设置项目运行起来的时候,让浏览器自动打开,报错信息为:网址为 http://0.0.0.0:8080/ 的网页可能暂时无法连接,或者它已永久性地移动到了新网址

在使用Vue2脚手架创建项目并尝试用`npmrunserve`启动时,遇到浏览器自动打开显示网址http://0.0.0.0:8080/无法连接的问题。解决方法是在vue.config.js中添加或修改devServer配置,将host设为localhost,port设为8080。这样执行命令后,项目就能正常在浏览器中运行。
摘要由CSDN通过智能技术生成

1- 报错问题


用脚手架创建Vue2项目,设置项目运行起来的时候,让浏览器自动打开;

// 在package.json  文件夹

"scripts":{
	"serve":"vue-cli-service serve --open",
	"build""vue-cli-service build",
     "lint": "vue-cli-service lint"
}

当执行npm run serve后,浏览器自动打开后报错了,显示:
网址为 http://0.0.0.0:8080/ 的网页可能暂时无法连接,或者它已永久性地移动到了新网址。

在这里插入图片描述

2- 解决方案


vue.config.js中添加代码

devServer: {host: ‘localhost’,port: 8080 }

如果没有vue.config.js文件的,在根目录下创建一个,把下面代码复制进去即可

const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
  transpileDependencies: true,
  devServer:{
    host:'localhost',
    port:8080
  }
})

在这里插入图片描述

添加完之后,就可以运行 npm run serve ,就可以自动打开浏览器运行了

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值