https nginx vue
vue3 使用脚手架创建应用
1.安装条件 已安装 18.0 或更高版本的 Node.js 2.安装 在你的目录下运行以下命令： vue create learn_vue3 选择安装vue3： 3.运行 npm run serve ......
linux server Vue 或其它单页面项目站点 nginx 实施部署
# nginx vue 处理前台路由 history 模式刷新 404 的问题 location / { try_files $uri $uri/ /index.html; if ($uri ~* .*\.(?:htm|html)$) { add_header Cache-Control "no-s ......
antd-vue Modal.confirm方法 执行确定事件弹窗没关闭
vue版本：3.4.x antd-vue版本： 4.0.8 原因：是vue更新到3.4.x版本，某些api和antd-vue不兼容 解决方式：将vue版本锁定3.3.4 ......
Vite+Vue3+vite-plugin-style-import 2.0按需引入vant 4组件
首先在项目根目录执以下以命令，安装好必要的组件包： # Vue 3 项目，安装最新版 Vant cnpm i vant # 添加按需引入插件，它的作用是在引入组件库中的组件时支持按需引入，减小打包后代码的体积 cnpm install babel-plugin-import -D # 添加按需引入插 ......
构建 dotnet&vue 应用镜像->推送到 Nexus 仓库->部署为 k8s 服务实践
前面分享了 k8s 的部署安装，本篇来点实操，将会把一个 .net core + vue 的项目（zhontai），打包构建成 docker 镜像，推送到 nexus 镜像仓库，并部署到 k8s 中 ......
VUE3
1、webpack和vite构建vue项目的区别 webpack是先把所有东西准备好再启动服务，vite是先启动服务，再把需要的组件放到服务上。vue官方推荐使用vite构建vue项目。 2、vue项目创建以及启动 到项目目录输入npm create @lastest，接下来按提示输入项目信息 启动 ......
docker 解决nginx 缓冲区权限问题
错误信息: NET::ERR_INCOMPLETE_CHUNKED_ENCODING 200 (OK) 错误背景: api接口在手机端访问时报错上述错误 NET::ERR_INCOMPLETE_CHUNKED_ENCODING 200 (OK)。 经过排查确认问题在于nginx 没有缓冲区权限。但又 ......
docker：微服务（nginx+php-fpm搭建）
1.制作php-fpm镜像 1.1 宿主机php-fpm安装 # yum源安装 yum -y install php-fpm # 修改配置文件 vim /etc/php-fpm.d/www.conf 修改 line 38 listen = 0.0.0.0:9000 #监听所有地址 修改 line 6 ......
【Centos】Centos 7.6 安装 Nginx 1.24.0
1 前言 前端包一般都是打包好后，放置在Nginx里，这节我们就来安装下。 http://nginx.org/en/download.html 2 安装步骤 2.1 下载压缩包 下载地址：http://nginx.org/en/download.html 2.2 解压 tar -zxvf nginx ......
uniapp-welive仿微信/抖音直播带货|uni-app+vue3+pinia短视频直播商城
基于uniapp+vue3+uv-ui跨端H5+小程序+App短视频+直播带货商城Uniapp-WeLive。 uni-welive一款全新基于uniapp+vue3+pinia+vk-uview等技术跨端仿制抖音/微信直播带货商城项目。支持沉浸式全屏上下滑动短视频直播，Nvue多视频层级覆盖，支持 ......
vuex报错“Vue3Instance<{}, Readonly<ExtractPropTypes<{}>>, Readonly<ExtractPropTypes<{}>>, {}, {}, true, ComponentOptionsBase”
vuex报错“Vue3Instance<{}, Readonly<ExtractPropTypes<{}>>, Readonly<ExtractPropTypes<{}>>, {}, {}, true, ComponentOptionsBase” 报错信息 [{ "resource": "/D:/g ......
vue常用命令
创建electron+vue项目 安装 Vue Cli npm install -g @vue/cli 创建项目 vue create electron-vue 添加electron模块 vue add electron-builder 运行项目 yarn electron:serve 打包项目 y ......
全栈架构：从0开始，Vue的搭建与开发
文章很长，且持续更新，建议收藏起来，慢慢读！疯狂创客圈总目录 博客园版 为您奉上珍贵的学习资源 ： 免费赠送 :《尼恩Java面试宝典》 持续更新+ 史上最全 + 面试必备 2000页+ 面试必备 + 大厂必备 +涨薪必备 免费赠送 :《尼恩技术圣经+高并发系列PDF》 ，帮你 实现技术自由，完成职 ......
vue 2实战系列 —— 复习Vue
复习Vue 近期需要接手 vue 2的项目，许久未写，语法有些陌生。本篇将较全面复习 vue 2。 Tip: 项目是基于 ant-design-vue-pro ant-design-vue-pro 由于 cms 是基于这个项目开发的，所以笔者就将其下载下来。 下载后运行 // 按照依赖 yarn i ......
Web服务器启用HTTPS的配置方法
本文于2016年3月完成，发布在个人博客网站上。 考虑个人博客因某种原因无法修复，于是在博客园安家，之前发布的文章逐步搬迁过来。 nginx的配置方法 可以参考Jerry Qu的本博客 Nginx 配置之完整篇。 Tomcat的配置方法 以Java语言实现的Connector为例，介绍配置方法。 创 ......
关于时间太长忘记vue如何启动的问题
1、开启SpringBootApplication项目 2、在vue项目的Teminal处，输入相关命令 vue2 npm run dev vue3 npm run serve 咳咳，写一遍我就不会忘记啦~ ......
【电影推荐系统】Spring Boot + Vue3 前后端分离项目
【电影推荐系统】Spring Boot + Vue3 前后端分离项目 目录【电影推荐系统】Spring Boot + Vue3 前后端分离项目0 前言1 项目前端介绍1.1 项目启动和编译1.1.1 项目启动1.1.2 项目编译1.2 前端技术栈1.3 功能模块前端界面展示1.3.1 基础功能模块1 ......
vue3的ref、reactive、toRef、toRefs
用处：用于在setup中创建响应式变量 导出：import { ref, reactive, toRef, toRefs } from 'vue' 区别： ref 用来定义基础数据类型，String, Number, Boolean, Symbol；通过 Object.defineProperty( ......
vue改错总结
vue表单和表格一起使用的时候，表格里非编辑框不再使用v-model进行双向数据 绑定，当tabledatase的数据发生变化时候，会自动渲染新的数据，但是可便捷table单元格需要用到插槽技术，当更新name的时候才会 自动渲染 <template> <div> <el-form :model=" ......
nginx请求限制和连接限制
漏桶算法 就是比如一个桶里面有五个空间，其他多余的请求会被等待或者拒绝 开辟空间在http模块里面 然后在local‘里面添加引用 重启即可 限制请求连接就是限制同一个ip的频繁连接 引用 ......
前端环境搭建到创建vue项目运行
整体流程 1.安装 nvm 管理工具,用于管理 node 的版本方便 node 版本的切换 a.下载 nvm 1.官方下载地址:https://github.com/coreybutler/nvm-windows/releases 2.备用下载地址:https://xiaocai1688.lanzo ......
在vue中使用router时所需要的配置
router.js import { createRouter, createWebHistory } from 'vue-router'; //2. 定义路由组件 import Home from "../views/Home.vue" import Login from "../views/Lo ......
https初识
1.服务器环境，两台服务器做前端代理，两台服务器做后端真实服务器。这里都是nginx 代理服务器 后端服务器 172.16.5.50 172.16.5.52 172.16.5.51 172.16.5.53 2、 后端两台服务器修改nginx配置文件： cd /etc/nginx/conf.d vim ......
修改vue-element-admin的登录逻辑
<template> <div class="login-container"> <el-form ref="loginForm" :model="loginForm" :rules="loginRules" class="login-form" autocomplete="on" label-po ......
【vue】,封装的table组件，table表格超出高度自适应滚动效果，设置页面全局统一自适应高度
需求背景：为了使后台页面的 table 列表页面始终保持统一的高度，无论我们的列表数据有多少都只占一个屏幕的高度，如果 table 表格的数据太多，只滚动table 表格的数据，页面高度保持不变；使用 window.onresize 监听浏览器的高度： // tableHeight: 为 el-ta ......
vue3 如何判断组件中的 slot 是否有填充？
两种方法： 1、通过 this.$slots.name <div class="btn-icon" v-if="$slots.icon"> <slot name="icon"></slot> </div> 2、通过 useSlots 判断 <template> <div> <slot/> <slot ......
nginx修改版本和关闭版本
在编译安装的使用打开它的源代码 [root@iZ2zej5c468t9r3px1okkeZ core]# vi /root/nginx-1.20.2/src/core/nginx.h 关闭版本 打开nginx的主配置文件、 [root@iZ2zej5c468t9r3px1okkeZ core]# v ......
# vue3 组件之间传值
vue3 组件之间传值 非常好，为啥突然开这样一篇博文，首先是因为 vue3 是未来发展的趋势。其次，vue 官方已经确认，将于2023年最后一天停止对 vue2 项目的维护，这个是官方发出的通知，并且呢，尤雨溪团队也已经将 vue3 作为了 vue 的默认版本了，同时呢，无论是 elementUI ......
vue response post 请求 excle 下载
export function downloadExcel(obj) { return request({ url: '/basic/cycleMoneyReport/downloadExcel', method: 'post', data: obj, // 请求方式必须添加 responseTyp ......