第一点：node作为服务端提供数据接口，vue使用axios访问接口，安装axiosnpm install axios --save安装完成后在main.js中增加一下配置：import axios from 'axios';
axios.defaults.withCredentials=trueVue.prototype.$axios = axios; main.js全部配置如下：im
vue的基础学习vue.js的使用新建一个简单的项目任意目录新建文件夹vue01
在文件夹vue01中创建js文件夹将vue.js放到js目录文件中以备使用使用HBuilder X工具创建项目打开HBuilder X开发工具 - 文件 - 新建 - 项目普通项目 - 基于HTML项目输入项目名vue01即可添加淘宝镜像# 淘宝镜像
npm install --registry=https://re
参考地址https://www.jianshu.com/p/7bc63935a570业界的埋点方案主要分为以下三类：代码埋点：在需要埋点的节点调用接口，携带数据上传。如百度统计等；
可视化埋点：使用可视化工具进行配置化的埋点，即所谓的「无痕埋点」，前端在页面加载时，可以读取配置数据，
自动调用接口进行埋点。如开源的Mixpanel;
无埋点：前端自动采集全部事件并上报埋点
常见的分布式事务场景分布式事务其实就在我们身边，你一直在用，但是你却一直不注意它。转账扣你账户的余额，增加别人账户余额，如果只扣了你的，别人没增加这是失败；如果没扣你的钱别人也增加了那银行的赔钱。下订单/扣库存电商系统中这是很常见的一个场景，用户下单成功了，店家没收到单，不发货；用户取消了订单，但是店家却看到了订单，发了货。分库分表场景当我们的数据量大了之后，我们可能会部署很多独立的数据库，但是你
转载
2024-07-04 15:59:21
53阅读
在当今互联网时代，前端和后端分离已经成为主流趋势。Vue作为一款优秀的前端框架，而Node.js作为一款流行的后端技术，它们可以很好地搭配在一起。本文将详细介绍如何实现"Vue前端 Node后端"的开发流程。
**1. 整件事情的流程**
首先，我们需要明确整个开发流程，可以用以下表格展示：
| 步骤 | 操作 |
|-----|------|
| 1 | 搭建后端Node.js环境 |
|
原创
2024-05-22 09:57:53
138阅读
1. 第一步进行VUE项目打包操作打包vue之前我们需要设置下项目的几处地方1、在build/utils.js文件中修改if (options.extract) {
return ExtractTextPlugin.extract({
use: loaders,
publicPath:'../../', // 添加的代码
fallbac
在使用 npm 之前需要将镜像的地址替换为国内的镜像地址，这样可以使得下载更快，这里推荐使用（淘宝 npm 镜像地址） 使用说明：可以使用淘宝制定的 cnpm (gzip 压缩支持) 命令行工具代替默认的 npm：npm install -g cnpm --registry=https://registry.npm.taobao.org或者直接通过添加 npm 参数 alias 一个新命令：ali
转载
2024-06-15 10:23:01
44阅读
在这篇文章中，我将向大家介绍如何在一个Node.js后端和Vue.js前端的项目中实现前端部分的开发。首先，我会分享整个流程的步骤，然后详细说明每一步需要做什么，以及示例代码。
### 步骤概览
以下是实现"node vue项目前端"的步骤概览：
| 步骤 | 描述 |
|------|------|
| 1. 创建Vue项目 | 使用Vue CLI创建一个新的Vue项目。 |
| 2. 配
原创
2024-05-22 09:56:52
105阅读
这几天利用业余时间做了一个个人项目，后端部分已经搭建好了还差一个前端，经过考虑前端利用Vue来搭建开发，因对Vue不是很熟悉，所以利用网络查找了相关的资料，成功的跑出了第一个Vue页面，写在此作为一个记录。安装Node.js以及npm包管理器官网简介：Node.js 是一个基于 Chrome V8引擎的 JavaScript运行环境，它使用了一个事件驱动、非阻塞式 I/O的模型,因此其轻量又高效。
# Vue前端Docker镜像
## 介绍
Docker是一个开源的容器化平台，可以帮助我们将应用程序和服务与其所依赖的环境进行打包，从而实现快速部署和可移植性。
Vue是一个流行的JavaScript框架，用于构建用户界面。它提供了一种组件化的开发模式，使得前端开发更加简单和可维护。
将Vue前端应用程序与Docker结合使用，可以方便地实现前端应用程序的打包和部署。在本文中，我们将介绍
原创
2023-07-18 10:35:17
80阅读
一、基本介绍 1、Vue.js目前最火的的一个前端框架，三大主流前端框架之一。 2、Vue.js是一套构建用户界面的框架（一套完整的解决方案，对项目侵入性大，中途需要跟换框架则需要重构整个项目），只关注视图层，易上手，有配套的第三方类库。 3、提高开发效率，帮助减少不必要的dom操作；双向数据绑定，通过框架提供的指令，前端只需要关注业务逻辑，不再关心dom如何渲染。 二、前端的MVVM 1、前端视
转载
2024-10-16 15:47:07
53阅读
vue官方文档知识储备es6语法补充let使用 var {
var a = 1;
}
console.info(a); // 1
例1： var arr = [];
for (var i = 0; i < 10; i++) {
arr[i] = function(){
console.info(i);
}
}
arr[6]()
在现代web开发中，使用前端框架Vue和后端环境Node.js是非常流行的组合。Vue作为一款现代的JavaScript框架，可以帮助我们构建交互性强的用户界面，而Node.js则是一款基于Chrome V8引擎的JavaScript运行时，可以用于构建高性能的后端服务。在本文中，我将向你展示如何实现“前端用Vue后端用Node”这一工作流。
首先，让我们来看看整个过程的步骤，可以用以下表格展示
原创
2024-05-22 09:58:05
94阅读
一、获取用户信息存入vuexapi文件里添加获取用户信息的接口// 该函数专门用于：根据token获取用户信息
export const reqUserInfo = () => ajax.get('/user/passport/auth/getUserInfo')store/user.js文件里编写代码获取用户信息 import引入reqUserInfo，将用户信息
上传图片是很常见的功能但是这个功能有点挑战要处理好：1.前端图片上传，2.后台接收图片，3.后台保存图片
原创
2022-05-11 10:02:15
1699阅读
# 使用 Docker 部署 Vue 的前端项目和 Node.js 后端
在这一篇文章中，我将指导你如何使用 Docker 来部署一个 Vue.js 前端项目和一个 Node.js 后端。通过这个过程，你将会学习到如何使用 Docker 来打包你的应用程序，从而使其更易于在各种环境中进行部署。
## 整体流程
在开始之前，让我们先概述整个流程，便于我们对步骤有更清晰的理解。
| 步骤
# 在 Windows Docker 上部署 Vue 和 Node 前端项目
随着微服务架构的流行，越来越多的开发者选择使用 Docker 来部署应用程序。Docker 帮助我们将应用及其所有依赖封装到一个轻量级的容器中，使得跨平台部署变得异常简单。本文将详细介绍如何在 Windows 的 Docker 上部署一个 Vue.js 和 Node.js 的前端项目。
## 准备工作
在开始之前，
原创
2024-10-14 05:08:13
256阅读
文章目录前言一、Hello World1.代码2.书写步骤创建容器注入数据3.最终呈现效果总结 前言这篇文章记录笔者在重新系统学习Vue时的心路历程之前接触过，也上手做过了一些Vue相关的项目，但是没有系统地耐下心去学习Vue这里对重新系统学习Vue过程中书写的Demo和背后的思考做一个记录一、Hello World考虑到重点从Demo中进行解读和思考，这里Vue环境搭建等过程就进行略去了，直接
转载
2023-12-18 16:19:13
30阅读
# Vue前端怎么打成Docker镜像
随着容器化技术的普及，Docker 已经成为前端项目部署的常用方式。Vue.js 是一个流行的前端框架，本文将介绍如何将 Vue 项目打包成 Docker 镜像。
## 1. 准备工作
首先，确保你已经安装了 Docker 和 Node.js。Docker 用于构建和运行容器，Node.js 用于执行 Vue 项目构建。
## 2. Vue 项目构建
原创
2024-07-28 09:39:06
204阅读
vue现如今在前端中，是前端开发较常用的'm框架之一，人们简单，搭建开发环境也比较容易，今天先分享一下vue.js开发环境的搭建。一，安装node.jsvue的运行是要依赖于node.js的npm的管理工具来实现，node可以在官网或者中文网里面下载，网址：http://nodejs.cn；根据自己的系统选择对应的版本安装即可，安装过程中选择默认的选项即可，安装路径可以安装在非C盘里面。安装完成后
