一:守卫导航(navigation guard)1、守卫导航的定义和作用1.1 守卫导航的定义守卫导航是在路由之间跳转时做出相应响应的属于路由的方法1.2 守卫导航的作用守卫导航有很多,我主要说一下前置导航,用于在路由跳转前回调。** 注意:1、守卫导航在默认情况下不会被主动调用 **
** 2、路由跳转时发生的参数传递或者查询操作并不会触发守卫导航 **2、守卫导航的用法2.1 前置
转载
2024-09-06 11:43:22
55阅读
打包vue项目npm run build注意:静态文件的路径配置 最笨方法:(找了很多网上的配置路径方法,都没解决)先打包一遍,运行之后,找请求不到的静态文件请求路径是什么,再去本地项目中改,再次打包 缺点:上线和本地不能同时满足跨域跨域最好让后端来做,这样打包之后不会出现各种各样的问题比如,python后端 两行代码就解决了。前端只需正常请求接口就可以了。本地测试
介绍 OpenResty
是一个基于
Nginx
与
Lua
的高性能
web
平台,由中国人章亦春发起,其内部集成了大量精良的Lua库、第三方模块以及大多数的依赖项。用于方便搭建能处理超高并发、扩展性极高的动态
Web
应用、
web服务和动态网关OpenResty
简单理解成就相当于封装了
N
转载
2024-05-13 15:31:32
372阅读
Vue算是现在前端工程师都比较常用的框架之一,今天记录一下搭建Vue开发环境的步骤,方便日后查看。1.在搭建vue的开发环境之前,一定一定一定要先下载node.js,vue的运行是要依赖于node的npm的管理工具来实现,node可以在官网里面下载,根据自己的电脑配置选择是32位还是64位网址:http://nodejs.cn2.下载好node之后,快捷键ctrl+R,打开管理工具,先看看node
文件资源准备环境变量vs项目配置 文件资源准备首先需要下载安装好必要的程序 Windows10
Visual Studio 2019 Community
OpenCV 4.5.4
将双击运行下载好的OpenCV4opencv-4.5.4-vc14_vc15.exe, 将文件抽取到合适的文件夹。笔者安装路径是环境变量打开Windows10的环境变量,
第一步:Vue项目的搭建1:首先需要安装node.js和npm 打开cmd命令行,首先安装node 步骤:https://nodejs.org/en/download/ node官网,选择跟自己的电脑匹配的版本进行下载,然后一步步的安装即可,输入node -v,如果出现版本信息即表示安装成功。(附百度网盘链接链接:https://pan.baidu.com/s/1_tTMryRtsTnIJ4v
转载
2024-06-24 00:19:12
406阅读
一、前言 最近在B站学习了一下全栈开发,使用到的技术栈是Vue+Element+Express+MongoDB,为了让自己学的第一个全栈项目落地,于是想着把该项目部署到阿里云服务器。经过网上一番搜索和自己的一顿操作后,我在这里记录一下自己的部署过程,方便以后查阅。二、环境 阿里云服务器(轻量应用服务器)——保证安装好node和vue3 vue3 node(express框架)三、部署过
转载
2024-04-01 08:52:14
439阅读
openresty开发系列16--lua中的控制结构if-else/repeat/for/while
一)条件 - 控制结构 if-else
if-else 是我们熟知的一种控制结构。Lua 跟其他语言一样,提供了 if-else 的控制结构。
1)单个 if 分支 型
if 条件 then
--body
end
条件为真 ,执行if中的body
------------------
转载
2024-07-02 16:31:43
64阅读
由于工作需要,这里我先创建一个vue的工程。1.首先安装好gitlab相关插件:GitLab、GitLab Hook、NodeJS插件安装参考:2.jenkins服务器安装git 和 nodejsgit安装:yum -y install gitnodejs安装:这里我安装的在home路径下,可自行更改。wget https://nodejs.org/dist/v9.8.0/node-v9
目录前言:一、在idea中创建一个父工程和两个子项目并运行1、新建项目2、引入依赖 3、编写配置文件4、启动子项目二、引入nacos服务注册发现中心1、安装登录nacos客户端2、引入nacos依赖3、编写nacos的配置文件4、启动服务三、服务之间的远程调用-Feign1、添加依赖,和启动类注解2、编写feign客户端接口3、测试调用四、网关-Gateway1、创建新模块-gatewa
转载
2024-03-31 21:24:57
60阅读
1、分析工具Coverage:查看代码的使用状况 Coverage 是chrome开发者工具的一个新功能,从字面意思上可以知道它是可以用来检测代码在网站运行时有哪些js和css是已经在运行,而哪些js和css是还没有用到的,如图,这是csdn所显示的已运行和尚未运行的代码情况。上图所示,最右边显示的是我们加载的css和js文件数量,红色区域表示已运行的代码,而青色表示已加载但未运行的代码。可用来发
下载配置nginx服务器由于项目的需求,把项目部署到nginx服务器上面。首先要现在并配置nginx,这里我看的是菜鸟教程的过程链接: 点这. 2. 但是你需要先配置linux系统,这里我采用的是虚拟机的方式–VM。也就说你要要先下载VM(vmware workstation),在下载配置linux,linux 系统我选的是centos7。这一步可以自行百度。 3. 接下来就是按照菜鸟的教程。 这
转载
2024-05-22 14:42:14
163阅读
Node.js回顾Node是一个基于 Chrome V8 引擎的 JavaScript 运行环境用于运行独立的js文件Nodejs因为Node环境执行js文件, 也管他叫Node.jsNodejs可以用于编写后端的代码和项目 (链接和操作数据库)下载&安装 Nodejs环境到电脑中, 学会终端的使用以及一些常用的命令cmd看好所在目录, 然后node js文件名, 回车即可让node执行这
一、基于api前端显示课程详细信息1、调整Course.vue模块<template>
<div>
<h1>课程列表</h1>
<div v-for="row in courseList">
<div style="width:350px;float: left;"&g
前言:我是一名大三在校生,选修的专业是软件工程,然后主要学前端方向,作为一个前端程员,自己也想有自己的网站,然后被大家浏览,我觉得这是对自己能力的肯定,也是自我提升的一种方法,所以我学习了nodejs,利用nodejs作为项目的后端,然后结合前端最流行的框架之一的vue实现项目,那么我们的项目如何部署到云服务器被大家访问浏览,这里我会向大家详解讲解过程。一、首先我们要有属于自己的云服务器ECS,所
转载
2024-05-24 12:21:40
230阅读
在用VUE做项目开发后台管理系统的时候,在处理权限的时候,可以使用路由守卫来做权限管理,判断跳转或者取消。VUE路由篇,参考文档:https://router.vuejs.org/zh/guide/advanced/navigation-guards.html1、全局前置守卫router.beforeEach可以用于注册一个全局前置守卫。使用该方法通常是一个必须要登录才能使用的后台管理系统,可以通
转载
2024-04-24 14:29:39
53阅读
element组件真的很好用,造好了很多现成的轮子,可以直接组装,可是组装的过程真的出现好多低级错误,所以一点要记录下来,每次项目的错误都是下一次项目的宝贵经验!工作划分在我的登录按钮之下引用一个空白的dialog弹框,使点击登录有弹框相应在dialog弹框里面加入form表单,并设置验证规章 ps 难点:在设置表单验证和提交时数据流向和接下来的页面跳转逻辑在登录框下加入Dialog<!--
VUE部署
原创
2022-11-05 11:47:05
304阅读
若依admin项目增加项目路径的配置方法目标在admin项目中增加项目基础目录,便于nginx的路径解析跳转原访问地址UI: http://192.168.x.xx:port/indexAPI: http://192.168.x.xx:port/xxxxx修改后访问地址UI: http://192.168.x.xx:port/tcard/indexAPI: http://192.168.x.x
vue-swiper/
├── src/
│ ├── components/ //内置组件
│ │ ├── indicator.vue // 指示器组件
│ │ └── item.vue // 单个轮播图容器组件
│ ├── main.js // 项目出口
│ └── main.vue //组件出口
├── README.md
├── package.jso
转载
2023-06-16 21:16:10
182阅读