从零开始部署vue+node+mongodb全栈项目,既为个人记录,也为分享(最简单方案,本人亲测)。配置阿里云服务器安全组规则 如果你不配置这个规则,那么你连mongodb,node部署后端应用接口都访问不到。常见配置如下。安全组规则安装node第一步,升级 apt-get 源sudo apt-get update第二步,安装nodesudo apt-get install node第三步,
axiosaxios 简介Axios 是一个基于 promise HTTP 库,可以用在浏览器和 node.js 中。axios 安装$ npm install axios或者使用cdn<script src="https://unpkg.com/axios/dist/axios.min.js"></script>vue项目axios封装创建文件夹并引用创建axios.
<!-- 这里是html界面设计,template套着 --> <template> <div> <div> <button @click="buttonClick">{{button}}</button> </div> <div>{{ allNum }}<
初始化项目1、在安装了node.js前提下,使用以下命令 npm install --g vue-cli 2、在将要构建项目的目录下 vue init webpack myproject(项目目录名称) 一路回车如下中间会让选择ESLint进行项目代码风格检查,为了美观和效率,可以开起来,vue-router用起来,红框框中两个测试,不要也罢,后面是问要使用哪个进行install依赖包
转载 2024-10-30 12:41:30
21阅读
随着用户对Web前端使用体验升级,导致Web前端开发工作难度增大。为了提高开发效率和代码复用率, 近几年,互联网前端行业发展迅速,涌现出一大批优秀框架 这些框架逐渐改变了传统前端开发方式,譬如:谷歌AngularJS,脸书ReactJS这些MVVM框架碰到以及器件化盛行,促使前端程序员不得不增速本人步伐,不断更新本人理论知识体系。因篇博客简单介绍了VueJS是什么、核心原理及技术
转载 2024-09-12 03:54:32
49阅读
main.js 中 let $vue = new Vue({ router, el: '#app', render: h => h(App) }); export default $vue 在js文件中,直接使用$vue即可 ...
转载 2021-08-30 15:06:00
880阅读
2评论
这里我主要介绍两种自定义全局公共组件方法 (1)第一种: 首先在components中新建一个文件夹,我这里做是全局加载动画组件所以命名是Loading文件夹 如图: 其中index.js为组件加载文件,index.vue为组件模板文件index.js文件:// 引入组件 import Loading from './index.vue' // 创建个空对象 const obj = {} /
转载 5月前
29阅读
【代码】vue-其他组件公用数据.html。
原创 2023-06-03 00:07:01
44阅读
文章目录jeecg-boot 项目前言config\index.jsrequest.js地址通用项目解决办法1、修改 env 配置,以 开发环境为例(这一步针对 jeecg-boot 项目)2、vue.config.js 添加跨域注意: 普通项目多重跨域请直接看 vue.config.js 添加跨域 jeecg-boot 项目前言最近公司使用 jeecg-boot 低代码平台做项目,总体来说项
转载 5月前
11阅读
1、vue-cli webpack全局引入jquery(1) 首先 npm install jquery --save (--save 意思是将模块安装到项目目录下,并在package文件dependencies节点写入依赖。)(2)在webpack.base.conf.js里加入var webpack = require("webpack")(3)在module.exports最后加入pl
vue中使用less首先要下载依赖: npm install less less-loader --save-dev 下载好之后就可以.vue文件中使用lang="less"和@import如下图:1,将vue组件中style标签属性改为: <style lang="less" rel="stylesheet/less"> </style> 2,如有引入文件,则文
转载 2024-03-19 15:48:22
151阅读
###表单公用组件,mForm.vue <template> <el-form ref="form" :inline="inline" :model="dataObject" :label-width="labelWidth"> <el-form-item v-for="(item,index)
原创 2021-07-31 17:56:34
10000+阅读
# 在Vue中实现iOS系统调用自定义公共方法 在开发移动端应用时,我们有时需要与设备系统进行交互,特别是在iOS系统中,可能希望通过JavaScript调用一些本地方法。下面,我将指导你如何在Vue中实现iOS系统调用自定义公共方法过程。 ## 整体流程 我们可以将整个流程分为以下几个步骤: | 步骤 | 描述 | |------|------| | 1. | 在Vue项目中定义公共
原创 2024-09-18 05:03:38
32阅读
<template> <div class="wrap"> <div class="main"> <div class="main_left"> <ul v-for="(val,index) in list[0].type" @click="clc(index)"> <li>{{val.tit}}
转载 2023-06-16 15:40:11
235阅读
大家好,我是皮皮。 一、前言 前几天在Python白银交流群【空翼】问了一个Python网络爬虫问题,提问截图如
原创 2024-06-03 10:26:52
0阅读
随手记问题背景前端点击下载,后台逻辑判断,当符合一定条件,则返回文件流,下载文件。当不符合条件,返回错误信息json,前端读取json,被展示错误信息。研究过程1、第一个想到是window.open,新开窗口去下载文件,如果有错误,则用response输出流返回一段html代码,如:<html> <head> <meta charset="utf-8">
转载 2023-07-04 02:20:55
651阅读
vue和webapi中,免不了在json字符串和json对像间相互转换,把常用转换记录一下,下面是前端中用到数组例子this.title.push({ name:'输入标题', list:[{ name:'选项一', fen:0 }, {
转载 2024-07-03 13:23:28
375阅读
//一个公用ajax模板function loadKind() {let sendData = {};$.ajax({type: 'get',...
原创 2022-07-14 09:17:31
43阅读
如何实现Java公用变量 ## 引言 在Java开发中,我们常常会遇到需要在不同类或方法中共享数据情况。为了方便管理和使用这些共享数据,我们可以使用Java公用变量来实现。本文将详细介绍如何在Java中实现公用变量,并提供步骤和代码示例。 ## 公用变量概念 Java公用变量是指在程序不同类或方法中可以共享数据。它们具有全局作用域,可以被任何类或方法访问和修改。使用公用变量可以
原创 2024-01-28 04:47:31
30阅读
公用Redis服务是现代应用架构中常用组件,但不当使用可能导致性能问题与数据丢失。在这一博文中,我们将探讨如何解决与公用Redis服务相关问题。这将包括问题背景、错误现象、根因分析、解决方案、验证测试以及预防优化。 ### 问题背景 在我们应用系统中,多部门共享一个公用Redis服务,以便于缓存管理和数据共享。然而,随着访问量激增,系统开始出现性能瓶颈。这不仅影响了日常数据操作,
原创 5月前
31阅读
  • 1
  • 2
  • 3
  • 4
  • 5