Vue项目报错：net::ERR_CONNECTION_TIMED_OUT

Vue项目错误提示：net::ERR_CONNECTION_TIMED_OUT

前端灯塔

53217人浏览 · 2019-07-14 11:27:30

前端灯塔 · 2019-07-14 11:27:30 发布

主要原因是由于切换网络环境导致的，譬如原来在公司运行，而后改到家中，就会因为IP地址不一致而提示错误。
上方是在公司启动参数，下方是切换环境后的参数，Network不一致
解决方法：

清除浏览器缓存，后重启 Vue 项目
在项目根目录新建一个 vue.config.js 配置文件
写入如下配置，指定本地服务的端口：

module.exports = {
    devServer: {
	  host: '0.0.0.0',
	  port: 8080,
	 }
}

保存后重启项目即可。

vue.config.js 的配置字段和 Webpack 类似，所以可以参考 Webpack 的 devServer 设置。

View Design

基于 Vue 的企业级 UI 组件库和中后台系统解决方案，为数万开发者服务。

更多推荐

vue前端自动生成编号或者订单单号（日期+随机数）

created () {// 调用获取当前日期的方法加四位随机数赋值表单中的项目编号this.form.number = this.getProjectNum() + Math.floor(Math.random() * 10000)// 如果是6位或者8位随机数，相应的 *1000000或者 *100000000就行了},methods: {// 获取当前日期的方法getProjectNum (