今天刚学了vue,做了一个简单的小案例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &...
原创
2021-09-03 13:25:04
109阅读
## Vue与Axios简单案例实现
### 1. 案例概述
本案例旨在教会刚入行的开发者如何使用Vue和Axios进行前后端数据交互。Vue是一套用于构建用户界面的渐进式框架,而Axios是一个基于Promise的HTTP客户端工具,可以在浏览器和Node.js中发送HTTP请求。在本案例中,我们将使用Vue创建一个简单的用户列表,并通过Axios从后端服务器获取用户数据。
### 2.
原创
2023-08-24 07:56:21
457阅读
下载vue.js插件,插件下载Dom文档对象模型,对应HTML每个Vue应用程序都是通过Vue函数创建出一个新的Vue实例开始的el类型:String | HTMLElement | Function详解:为实例提供挂载元素,值可以是CSS选择符、或HTML元素、或返回HTML元素的函数。data详解:data是Vue实例的数据对象,Vue会将data的属性转化为getter/setter&nbs
转载
2023-05-23 11:49:35
95阅读
web实现验证码思路 (个人简单示例操作,流程可能并不规范,仅提供演示,
原创
2023-03-25 11:19:08
160阅读
一、什么是node.js? 它是可以运行JavaScript的服务器,用javascript语言编写的后端,只是它的开发语言是JavaScript 二、安装 1、node.js的特性: 2、运用的场景: 3、安装地址: 4、npm是一个包管理器,其实是一个命令。使用它来安装或者卸载包 首先进行项目初
原创
2022-02-25 13:41:07
281阅读
"TypeError: Cannot read property 'matched' of undefined"出现的原因一般就是页面的router配置写的不对使用router-view标签 必须要配置路由 不然就会报这个错
原创
2022-12-15 10:01:46
51阅读
环境准备Node.js的安装和配置从Node官网下载Node最新版,开发平台为windows ; Node的安装比较简单,一路Next就可以完成Node.js的安装(安装的时候将add to path勾上就可以了);这里我的Node.js安装目录为:E:\nodeJS;至此Node.js已经安装完成,测试一下看看是否安装成功; 在键盘按下【win+R】键,输入cmd,然后回车,打开cmd窗口,输入
转载
2024-06-29 16:40:59
143阅读
一、Node+Vue实战项目1.1 创建Node项目、Vue项目mkdir classweb
cd classweb/
express server
vue init webpack vueclient.
|-- server
| |-- app.js
| |-- bin
| |-- node_modules
| |-- package-lock.json
| |-- pa
转载
2024-08-09 11:24:06
60阅读
一.axios与ajax区别相同点:都是执行异步请求操作不同点:大小
axios体积小 只需在要使用的目录下 npm install axios --saveajax 需要导入jQuery【体积较大 只是为了ajax去引入是不值得的】针对方向
axios 符合前端MVVM的浪潮ajax 本身是针对MVC的编程实现方法与返回值
axios 用promise技术实现对ajax技术的封装&nb
转载
2023-07-04 14:08:49
254阅读
一、安装node和vue脚手架1.下载node:http://nodejs.cn/download/双击安装,一路下一步到安装成功,打开cmd,执行node -v,出现版本号,则说明安装成功2.配置使用淘宝镜像:npm的服务器在国外。那么可以安装一下cnpm,并且指定镜像为淘宝的镜像:npm install -g cnpm --registry=https://registry.npm
转载
2024-03-01 19:56:36
53阅读
1.创建http服务
原创
2023-04-15 08:17:32
73阅读
websocket的即时通信非常的强大,这里我用node启动了一个服务进行websocket链接,然后再vue的view里面进行了链接,进行通信,废话不多说,直接上代码吧, 首先,我需要用到node的nodejs-websocket模块 使用yarn进行安装 1 yarn add nodejs-we
转载
2019-07-02 22:56:00
257阅读
2评论
# 使用 Dockerfile 构建 Node.js 和 Vue.js 应用
在现代 Web 开发中,Node.js 和 Vue.js 是构建高效、动态 Web 应用的热门技术栈。Node.js 提供了基于 JavaScript 的服务器端环境,而 Vue.js 则专注于构建用户界面的前端框架。当我们面临部署这些应用时,Docker 为我们提供了一种方便的解决方案,通过容器化来简化应用的部署和管
原创
2024-09-03 04:54:46
30阅读
vue使用npm run build 就能打包,生成一个dist文件,直接打开index.html是不行的,我们需要将其放到一个容器中1.安装express-generator生成器。npm install express-generator -g 2.找个地方创建一个express项目。express name // name是项目名3.进入项目目录,
# 如何搭建一个 Node + Vue + MySQL 的全栈应用
在这篇文章中,我们将一起学习如何构建一个基于 Node.js、Vue.js 和 MySQL 的全栈应用。我们将逐步探讨整个流程,并详细说明在每一步中需要执行的动作以及相应的代码。
## 完整流程概述
首先,我们需要了解开发一个全栈应用的主要步骤。以下是我们将遵循的步骤:
| 步骤 | 描述
原创
2024-09-09 06:45:11
26阅读
## 如何实现“VUE node MYSQL”
### 流程步骤
以下是整个实现过程的步骤:
| 步骤 | 描述 |
| --- | --- |
| 1 | 安装Node.js和Vue CLI |
| 2 | 创建一个Vue项目 |
| 3 | 创建一个Node.js后端服务 |
| 4 | 连接Node.js和MySQL数据库 |
| 5 | 实现前端与后端的数据交互 |
### 具体步
原创
2024-05-04 03:34:14
41阅读
npm init -y初始化包管理npm i express -S 安装express 创建app.js const express =require('express') const app = express() app.use(express.static('./dist')) app.lis ...
转载
2021-08-13 17:35:00
158阅读
2评论
刚刚帮一位同学解决在电脑上安装了vue脚手架及安装element ui。 原本以为很简单的,但每一走一步就遇见一个bug,和他找了快3个小时bug,好在问题都解决了。一,首先下载node 点击:二:node配置安装 如果在安装时已经加入到系统路径就不用了,如果没有就要加 运行 node -v npm -v 显示版本信息,就说明没有问题了。否则(执行下面的步骤) cmd:where node 显示安
趁着爸妈做年夜饭之前,把之前做的笔记贴出来,新的一年到了,祝大家 Nginx + Node + Vue 部署初试知乎个人博客Github日常学习笔记Nginx 定义异步框架的 Web服务器,也可以用作反向代理,负载平衡器 , HTTP缓存, 媒体流等的开源软件。它最初是一个旨在实现最高性能和稳定性的Web服务器。除了HTTP服务器功能外,NGINX还可以用作电子邮件(IMAP,POP3和SMTP)
转载
2023-09-08 11:27:11
168阅读
1. 环境搭建使用vue-cli脚手架创建vue前端项目首先需要搭建软件环境,这里需要安装node.js、配置npm镜像cnpm、安装vue-cli。安装node.jsnode.js的官网地址:https://nodejs.org/en/,直接下载LTS版本的即可。如下图: 下载之后双击安装即可。安装完成后打开命令行窗口输入:node -v可以检查node.js安装是否成功。安装成功命令行会显示n
转载
2024-06-03 15:35:58
224阅读