搞了一个个人博客，想要发布到腾讯云。由于之前从未接触过linux相关知识，所以在查了各种资料，挖了各种坑，重置了N次系统后终于将个人博客上线了。随手记录下正确的完整过程和维护常用的代码，希望对大家有所帮助 一、购买服务器与域名 这里我使用的是腾讯云轻量应用服务器，CentOS 7.6镜像，使用pm2+nginx部署项目。其他不多说，买就完事了，买完就能看到你的服务器了
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评论
这篇文章主要是对博客的一些逻辑呀样式呀还有跳转等问题进行修改。样式问题样式问题比较简单，主要都是input和textarea都会存在一个默认的选中框，以及router-link会存在默认下划线等。我的收藏收藏这个部分有点儿麻烦，主要是因为我点击收藏一次就要去修改一次数据库吗？ 但是想链接那样先修改，点击保存后再保存到数据库的话，用户就要因为收藏多点击一次save按钮，还是很繁琐的。 思来想去我
最近这两天有点闲，通过自研学习了如何使用express框架搭建后台以及vue框架开发前端。express框架是用来搭建web服务，是nodejs的二次封装。vue就是前端框架。那么可以通过搭建express框架用来写接口，vue框架写页面用来调用接口，形成全栈的开发。 1、搭建express过程 使用 express的脚手架快速搭建：express-generator首先安装express 和ex
转载
2024-04-18 13:40:34
506阅读
该项目含有源码、文档、程序、数据库、配套开发软件、软件安装教程。欢迎交流 项目运行环境配置：Node.js+ Vscode + Mysql5.7 + HBuilderX+Navicat11+Vue+Express。项目技术：Express框架 + Node.js+ Vue 等等组成，B/S模式 +Vscode管理+前后端分离等等。环境需要1.运行环境：最好是Nodejs最新版，我们在这个
转载
2024-02-23 11:22:55
24阅读
可怕的启动时间 公司的产品是一个比较大的后台管理系统，而且使用的是webpack3的vue模板项目，单次项目启动时间达到了70s左右启动个项目都够吃一碗豆腐脑了，可是没有豆腐脑怎么办，那就优化启动时间吧！考虑到升级webpack版本的风险还是比较大的，出了一点问题都得找我，想想还是先别冒险，稳妥为主，所以我选择了通过插件来优化构建时间。通过查阅资料，提升webpack的构建时间有以下几个方向：多进
近期公司的事相对少了些，就打算学学node，毕竟一个不会node的前端不是一个好前端，不过发现自己学的不怎么样，数据库建表也是一塌糊涂，但是不管怎么说，项目也算是上线了，只能后期慢慢完善我那自己都不敢看的代码。在这里写这篇博客，只是记录一下，我在实现过程中碰到的坑。在这个项目里主要使用的是vue + node + mysql（他们都说节点配mongoDb，我就是喜欢用mysql），样式和排版是仿照
文章目录验证码组件父组件表单验证最终效果 验证码组件<template>
<div class="captcha" style="display: flex;">
<canvas ref="canvas" width="100" height="40"></canvas>
</div>
<div class=
先说明一下缘由，因为自己前段时间在实习，实习期间为了参与项目开发，粗略学习了下Vue、Vuex、Vue-Router，大致会一些基础的。这里也快要做毕业设计了，趁着放假回来的这两天，学习下Node的相关知识，最主要的是学习了Express这个基于Node的web框架，我自己本身选的毕设题目也是有关Node的，自然而然地想去用Vue和Express来做一个前后端分离的项目，也算是为毕业设计做准备了。
转载
2024-10-12 08:44:08
41阅读
Vue, App与我（一）前言:从事App的开发，这对于Big-man他自己一个新的挑战，App是基于Vue + PHP + Linux + MySql进行开发的。就他个人而言，这也是一次全新的挑战。Vue-api:
Vue的功能介绍这里就不进行了，可以查看Vue-api, 这里论述的是它的实际项目开发。搭建vue项目:搭建vue项目： 在所有的搭建项目过程中，感觉vue的搭建项目最为简单和高效。
在讲脚手架配置代理之前，先说一下为什么要配置代理。在开发中，经常会遇到跨域问题。什么是跨域跨域就是：违背了同源策略。当协议，ip/域名，端口有任何不同，都被当成跨域。跨域发生的时机是请求，响应回来之后。浏览器主动监测是否跨域。跨域的本质是请求成功了，响应也成功了。但是由服务端响应回来的数据被浏览器拦截。检测出跨域，抛异常。因此跨域并不影响一次成功的请求。在跨域之前请求已经执行完毕了。如何解决跨域解
转载
2024-09-09 05:29:57
27阅读
耗时半载（半个月）的大项目终于完成了。这是一个博客系统，使用 Vue 做前端框架，Node + express 做后端，数据库使用的是 MongoDB。实现了用户注册、用户登录、博客管理（文章的修改和删除）、文章编辑（Markdown）、标签分类等功能。 很早之前就想写一个个人博客。学了 Vue 之后，把前端部分写出来，然后 Node 一直拖拖拉拉的学了很久，中间又跑去实习了一段时间，所以直到回
使用Express部署Vue项目 文章目录使用Express部署Vue项目1. 背景2. 配置Vue CLI2.1. 安装Node.js2.2. 安装Vue CLI2.3. 创建Vue项目2.4. 构建Vue项目3. 配置Express3.1. 安装Express3.2. 创建项目4. 使用Express部署Vue项目 1. 背景我们想要做一个前后端分离的课程项目，前端框架准备使用Vue.js，并
转载
2024-05-09 23:35:31
491阅读
前端模板渲染vue，后端express提供接口服务，合并成一个项目。同样是前后端分离，互不影响。 项目发布只是把vue经过webpack打包当做express的静态文件夹发布首先使用脚手架搭建vue项目详细方法$ npm install -g vue-cli
$ vue init webpack my-project
$ cd my-project
$ cnpm install express
转载
2024-05-05 08:14:28
143阅读
组件化和逻辑复用能帮助写出简洁易懂的代码，随着应用越写越复杂，我们有必要把视图层中重复的逻辑抽成组件，以求在多个页面中复用；同时对于 Vuex 端，Store 中的逻辑也会越来越臃肿，我们有必要使用 Vuex 提供的 Getters 来复用本地数据获取逻辑。在这篇教程中，我们将带领你抽出 Vue 组件简化页面逻辑，使用 Vuex Getters 复用本地数据获取逻辑。使用 Vue 组件简化页面逻
转载
2024-03-18 19:48:01
55阅读
*本文默认已经安装好node，不在介绍node安装教程。*node.js+Express搭建项目，也可通过启动WebStorm,File->New->Project，选择Node.js Express App，Location是项目路径，Template是页面模板和解析引擎。1、Vue项目搭建教程已在其他文章介绍过：2、搭建express项目：①创建文件夹 新建项目文件夹，在项目目录中
转载
2023-12-21 06:42:26
127阅读
1、vue.directive的作用vue.directive是我们除了内置的指令（如v-model和v-show）之外的自定义指令。自定义指令是对普通DOM元素进行的底层操作，它是一种有效的的补充和扩展，不仅可以用于定义任何的dom操作，并且是可以复用的，2、vue.directive的使用场景例如在图片加载完成前，用随机的背景色占位，图片加载完成后直接渲染出来，用自定义指令可以方便的实现该问题
转载
2024-07-14 09:58:45
17阅读
一、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阅读
express 1. 安装npm install express --save2. 创建项目 vue js安装Vuejsvue-cli 是一个官方发布 vue.js 项目脚手架，使用 vue-cli 可以快速创建 vue 项目。这篇文章将会从实操的角度，介绍整个搭建的过程。1. 避坑前言其实这次使用vue-cli的过程并不顺利，反复尝试几次都遇到以下这个报错：&nb
转载
2024-07-15 13:19:36
33阅读
写在前通过本文可以完成选购到部署的整个过程，步骤多，但是简单，按照本文的步骤，只需要复制即可具体一些我在过程中不白的内容，还有一些坑我都会有所提及本人系统Win10 64位选器学生，买的腾讯云学生机，主要为了部署练习用的博客项目以及后台管理项目具体选择可用以下参考 轻量应用服务器Lighthouse适用于：搭建企业官网/个人博客/论坛社区/电商等各类网站和Web应用服务、构建知识效率管理工具、
