简要netcore nginx vue
Vue-Router: 如何使用history模式来实现无刷新路由?
Laravel是一个流行的PHP框架,它具有出色的可测试性,可以帮助开发人员在更短的时间内编写可靠的代码。但是,即使使用了这个框架,也可能会出现测试覆盖率较低的情况。测试覆盖率是指代码中已由测试案例覆盖的部分比例。测试覆盖率越高,代码质量越高。在本文中,我们将分享几种技巧,帮助您提高Laravel应 ......
Vue-Router: 如何使用路由别名来简化路由路径?
Laravel是一个流行的PHP框架,它具有出色的可测试性,可以帮助开发人员在更短的时间内编写可靠的代码。但是,即使使用了这个框架,也可能会出现测试覆盖率较低的情况。测试覆盖率是指代码中已由测试案例覆盖的部分比例。测试覆盖率越高,代码质量越高。在本文中,我们将分享几种技巧,帮助您提高Laravel应 ......
Vue中的跳转和打开新窗口
一、如何在Vue中跳转页面 Vue作为一种前端框架,本身是无法实现后端的页面跳转功能的。它只能将页面作为一个整体进行组合和渲染,因此页面跳转往往需要依赖于前端路由和路由跳转来实现。 在Vue中,一般使用Vue Router实现路由跳转。Vue Router提供了router-link指令和$rout ......
将netcore打包好的程序,部署到CentOS系统中
进入开发好的程序目录,执行打包命令,生成auth目录,并将打包好的目录上传到CentOS的home目录 dotnet publish -o auth 执行运行命令 dotnet Howdy.Net6API.AuthenticationCenter.dll 使用postman进行测试 注:此种方式,适 ......
使用vue-office实现在线预览pdf word execel功能
功能特色 一站式:提供docx、pdf、excel多种文档的在线预览方案,有它就够了 简单:只需提供文档的src(网络地址)即可完成文档预览 体验好:选择每个文档的最佳预览方案,保证用户体验和性能都达到最佳状态 安装 docx文档预览组件 npm install @vue-office/docx v ......
vue报错:You may use special comments to disable some warnings. Use // eslint-disable-next-line to ignore the next line. Use /* eslint-disable */ to ignore all warnings in a file.
报错信息: 解决方法: ESLint 语法错误,那就取消ESLint验证规则 然后重启即可 ......
vue2-vue3 1
vue介绍 一、前端发展史 1、HTML(5)、CSS(3)、JavaScript(ES5、ES6):编写一个个的页面 -> 给后端(PHP、Python、Go、Java) -> 后端嵌入模板语法 -> 后端渲染完数据 -> 返回数据给前端 -> 在浏览器中查看 2、Ajax的出现 -> 后台发送异 ......
Vue中添加全屏动态时间水印
效果图 核心代码 watermark.vue <template> <div class="watermark-outer"> <div class="watermark" v-for="i in 200" :key="i"> <div>{{waterMarkContent}}</div> <spa ......
vue报错:Module parse failed: Unexpected token (5:2) You may need an appropriate loader to handle this file type.
报错信息: ERROR Failed to compile with 1 errors 10:09:02 error in ./node_modules/axios/lib/platform/index.js Module parse failed: Unexpected token (5:2) Y ......
Vue 如何修改默认启动端口、浏览器自动访问
Vue修改默认启动端口的几种方法 module.exports = defineConfig({ transpileDependencies: true, devServer:{ host:'localhost', port:8088, open:true } }) ......
docker安装nginx
Nginx安装 1、拉取镜像(不指定版本,默认最新版) docker pull nginx 2、创建挂载目录 mkdir -p /data/nginx/conf mkdir -p /data/nginx/log mkdir -p /data/nginx/html [root@localhost co ......
nginx搭建文件下载服务器无法显示和下载中文文件
背景: 想自己搭建一个下载文件服务器,网上很多教程,就跟着做了,搭建的过程中碰到了如下的几个问题,在这里记录一下,以免后面忘记了 问题: 1.路径分隔符/和\的问题.在写alias的时候是直接粘贴的windows的路径,因此默认是\,后面发现有问题,后面就切换成/就可以了 2.location块后的 ......
Nginx搭建web静态服务器之页面格式乱码
背景: 公司有个需求,要把产品的原型变成静态web发布到内网以供大家观看,这样就不用每个人都把原型拉下来然后再进行预览了.经过讨论决定使用nginx来做. 问题: 在实操的过程中发现确实可以发布成web静态页面,但是有个问题,页面格式是不正确的,打开后根本无法使用,使用F12开发者工作台调试发现js ......
9、nginx 负载均衡
1.负载均衡配置 作为代理服务器,一般都需要向上游服务器的集群转发请求。这里的负载均衡是指选择一种策略,尽量把请求平均地分布到每一台上游服务器上。 1.1 upstream 块 语法: upstream name {...} 配置块: http upstream块定义了一个上游服务器的集群,便于反向 ......
nginx 根据端口进行判断进行自动跳转
listen 80; listen 443 ssl; server_name xxxxxx.org.cn www.xxxxxx.org.cn; large_client_header_buffers 4 1m; fastcgi_intercept_errors on; if ($server_por ......
vue入门-???? 05days
购物车案例回顾: -v -for循环商品 -checkbox多选: 数组,input > checkbox >value 对象 [在input中 只能使用 v-model] getprice() >方法 > 变量发生变化,这个会重新运算 加全选 与全不选 -chekbox >单独的 >布尔类型 -c ......
使用Nginx部署VUE3+VITE项目时无法访问后端接口的一个情况
在使用VUE3作为前端,ABPVNEXT6.0作为后端框架。使用Nginx部署后无法访问api,接口报错404 找错思路很重要,网上找到了很多Nginx配置信息,但是都不起作用,即使更换服务器重新部署也无法生效 后来才发现,ABPNEXT对于未找到对应实体的报错就是404,按照正常的程序逻辑,404 ......
netcore webpi 通过signalr 给vue项目推送消息
最近项目上需要做个服务给前端推消息,首先就想到了signalr,关于signalr 详情可以参考微软官方文档(ASP.NET Core SignalR 概述 | Microsoft Learn),微软现在也有使用教程(ASP.NET Core SignalR 入门 | Microsoft Learn ......
5分钟搞定vue3函数式弹窗
前言 最近接到一个需求,需要在一些敏感操作进行前要求输入账号和密码,然后将输入的账号和密码加到接口请求的header里面。如果每个页面都去手动导入弹窗组件,在点击按钮后弹出弹窗。再拿到弹窗返回的账号密码后去请求接口也太累了,那么有没有更简单的实现方式呢? 函数式弹窗的使用场景 首先我们来看看什么是函 ......
8、nginx反向代理优缺点分析
1.概述 反向代理(reverse proxy)方式是指用代理服务器来接受Internet 上的连接请求,然后将请求转发给内部网络中的上游服务器,并将从上游服务器上得到的结果返回给Internet上请求连接的客户端,此时代理服务器对外的表现就是一个 Web 服务器。 充当反向代理服务器是Nginx ......
python diango后端支持运行脚本+vue前端支持脚本运行
# 使用Python内置的subprocess模块来执行Python脚本 # 使用注意: # 1,依赖包需要提前导入至脚本中 # 2,script_path变量是脚本得绝对路径 # 3,filename变量是脚本得名称 # 搭配vue页面使用 # 想法:页面支持导入,编辑,执行脚本 # 导入:默认指 ......
部署nginx proxy manager (可视化nginx反向代理)
官方网站 https://nginxproxymanager.com/ 步骤 所有步骤按照官方配置来即可,我们直接get started 使用docker compose方式安装 我们创建一个文件夹,直接进去 新建doker-compose.yml配置文件,然后写入以下内容,我的端口被占用了,修改了 ......
vscode设置vue3代码格式化
下载插件可以使用Volar或Prettier 设置格式化时选用的插件mac:【shift】+【option】+【f】win:【shift】+【alt】+【f】 选择其中之一 左下角选择【设置】 点击右上角的文件切换图标,可以切换到setting.json 实际使用假设这是默认代码状态 使用Prett ......
windows 部署flask+tornado+nginx
nginx下载地址 http://nginx.org/en/download.html 1,因windows对uwsgi支持不友好,flask自有服务不够强大,所以引用tornado服务 from tornado.wsgi import WSGIContainer from tornado.http ......
[Vue]自定义导航栏
思路留存自用,主要是template部分,效果大概如下: <template> <div v-show="isStart" :class="'menu_page' + aniClass"> <div class="menu" v-for="item in items"> <div class="gr ......
Nginx日志管理大揭秘:logrotate工具与配置,日志按日期精准分割
要让Nginx日志文件以日期为单位每天生成一个,你可以使用logrotate工具结合Nginx的配置。首先,确保你的系统上已经安装了logrotate。然后,按照下面的步骤修改Nginx的配置文件。 以下是一个简单的Nginx配置文件示例,假设Nginx版本为1.13.6。请注意,这只是一个基本示例 ......
nfs和nginx+keepalived
172.16.5.50 rpm -qa| grep keep 956 vim /etc/keepalived/keepalived.conf 957 systemctl restart keepalived.service 958 ip a 959 ip 960 ip a 961 ll 962 ca ......
vue3 + element-plus 的 upload + axios + django 文件上传并保存
之前在网上搜了好多教程,一直没有找到合适自己的,要么只有前端部分没有后端,要么就是写的不是很明白。所以还得靠自己摸索出来后,来此记录一下整个过程。 其实就是不要用默认的 action,要手动实现上传方式 http-request,然后再传给后端进行各种操作了 这里隐藏了文件展示列表 展示了上传文件的 ......
关于前端的vue3框架遇到的一些问题.前后端分页和js,ts进行编写时的区别
分页有两种形式,一种是前端进行分页,一种是后端进行分页 前端分页: 1. 在普通js写法中,需要有默认函数,在函数内进行编写功能实现比如以下代码: export default { data() { return { tableData: [], page: 1, limit: 10, total: ......
naming conflicts with other components【vue3】
问题描述: 在vue3中有相同名称的文件时,会报错 [unplugin-vue-components] component "Xxx"(D:/a/b/xxx.vue) has naming conflicts with other components, ignored. 解决方案: 修改vite. ......