vue项目中net::ERR_CONNECTION_TIMED_OUT错误

我出错的原因时network地址与我本机ip地址不一致

Network: http://192.168.13.30:8080/

处理方法:

在vue项目中新建一个vue.config.js文件

配置上:

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

这样重启项目,地址改为自己ip地址就可以了

原文地址：https://www.cnblogs.com/zhangshengxiang/p/10170768.html

时间： 2024-11-10 10:56:22

vue项目中net::ERR_CONNECTION_TIMED_OUT错误的相关文章

如何在Vue项目中使用Typescript

0.前言本快速入门指南将会教你如何在Vue项目中使用TypeScript进行开发.本指南非常灵活,它可以将TypeScript集成到现有的Vue项目中任何一个阶段. 1.初始化项目首先,创建一个新的项目目录. mkdir typescript-vue-tutorial cd typescript-vue-tutorial 接着,在目录中创建如下目录结构. typescript-vue-tutorial/ ├─ dist/ └─ src/ └─ components/ TypeScript文件

在vue项目中使用canvas-nest.js，报parameter 1 is not of type 'Element'

canvas-nest.js是一款轻量的网页特效,如图: github地址:https://github.com/hustcc/canvas-nest.js 在普通的html项目中,只要将<script src="dist/canvas-nest.js"></script>插入到body标签最下边即可. 在vue项目中,使用时配置 1 import CanvasNest from 'canvas-nest.js'; 2 3 const config = { //

vue 项目中当访问路由不存在的时候默认访问404页面

前言: 在Vue项目中,当访问的页面路由不存在或错误时,页面显示为一片空白.然而,通常我们需要对访问url不存在或者错误的情况下添加默认的404页面,即not found页面. 一般的处理方法是: 在最后添加一个path: * ,优先级从上到下查找路由,都没有的时候全部指向 404页面 ,代码如下: const baseRoute = [ { path: '/login', name: 'login', component: Login }, {path: '/', redirect: '/in

在vue项目中的axios使用配置记录

默认vue项目中已经安装axios,基于element-ui开发,主要记录配置的相关. axiosConfig.js import Vue from 'vue' import axios from 'axios' import qs from 'qs' import { Message, Loading } from 'element-ui' // 响应时间 axios.defaults.timeout = 5 * 1000 // 配置cookie // axios.defaults.withC

在VUE项目中使用SCSS

这篇文章是记录的在VUE项目中SCSS的使用 vue项目上安装SCSS和开发入门 ① 使用vue-cli模板创建新项目:vue init webpack myvue ② 安装sass 依赖包 ,在cmd界面输入: npm install sass-loader --save-devnpm install node-sass --sava-dev ③ 在build文件夹下的webpack.base.conf.js的rules里面添加配置 {test: /\.scss$/,loaders: ['s

WCF项目中出现常见错误的解决方法：基础连接已经关闭: 连接被意外关闭

原文:WCF项目中出现常见错误的解决方法:基础连接已经关闭: 连接被意外关闭在我们开发WCF项目的时候,常常会碰到一些莫名其妙的错误,有时候如果根据它的错误提示信息,一般很难定位到具体的问题所在,而由于WCF服务的特殊性,调试起来也不是那么方便,因此往往会花费不少时间来进行跟踪处理.本文介绍我在我在我的框架里面使用WCF服务的时候,出现的一个常见错误的处理方法,它的提示信息是:基础连接已经关闭: 连接被意外关闭.这种情况我碰到的有两种,一种是返回DataTable的时候出现的,一种是返回实体类

Vue 项目中使用 jsPlumb

jsPlumb 介绍 jsPlumb 是一个强大的 JavaScript 连线库,它可以将 html中的元素用箭头.曲线.直线等连接起来,适用于开发 Web 上的图表.建模工具.流程图.关系图等. jsPlumb 参考网站博客园:http://www.cnblogs.com/leomYili/p/6346526.html?utm_source=itdadao&utm_medium=referral 官网:https://www.jsplumbtoolkit.com/ 安装 jsPlumb v

记一次曾经项目中遇到的错误

曾经项目中遇到的错误: java大项目中编写一个简单的网上银行系统,其中有一个转账功能,转账金额不超过50元,手续费在本人账户中扣除0.1%. 在测试的时候,用了这几个情况去测试: 1.转账输入20(默认单位都是元) 2.输入—30 3.输入0 4.输入30.56 5.输入字母ab 6.输入600(账户余额是300) 7.输入70 在数据库中查看账户金额变化,根据执行结果与预期的比较,测试结果如下: 1正确:2.3.6.7都是预期结果不合理:4.5导致了系统崩溃分析原因: 1.对于2.3.7这

vue项目中使用阿里iconfont图标

在上一篇文章中介绍了如何在vue项目中使用vue-awesome,如果你想了解,请移步<vue项目中使用vue-awesome> 这里介绍一下vue项目中如何使用阿里的iconfont图标库,先看一下官网可以看到有将近两百万的图标量,可以说我们想要的矢量图图标这里大部分都是有的,下面直接开始如何在vue项目中使用,方法有两种方法一:简单粗暴法 1.打开 iconFont官网选择自己喜欢的图标,并且添加购物车例如我现在选择三个图标点击购物车,添加至项目为了方便可以给项目起一个名字选