【Vue】Vue 前后端分离部署方案

方案 1：Docker创建两个 Docker 容器，一个用于后端，一个用于前端。在后端容器中运行 API 代码。在前端容器中运行 Vue 应用程序并将其打包为静态文件（如 HTML、CSS 和 JS）。方案 2：Nginx 代理安装 Nginx Web 服务器作为反向代理。将后端 API 路由到 Nginx。Nginx 将前端静态文件提供给客户端。方案 3：Node Express使用 Node Express 作为后端框架，它可以将静态文件与 API 路由一起托管。在 Express 应用程序

发表于：2024-05-19 浏览：256 TAG：

【前端】前端实现文件下载自动打开预览的解决方法

问题：前端使用React开发，想要下载阿里云OSS存储的视频文件，使用了<a>标签，点击后就会在浏览器打开预览，查找到了几个解决办法，在此记录一下。一、 下载文件的三种通用方式1、使用iframe实现只需要传一个文件下载地址的url即可 downloadFile = (url) => {     //下载方法     console.log(url)

发表于：2024-05-18 浏览：298 TAG：

【AntDesignPro】Ant Design Pro学习记录—播放视频和音频

在ant design pro中，使用video和audio标签播放视频和音频1、播放视频我使用ModalForm弹框显示，autoPlay设置是否自动播放，controls设置操作按钮是否显示，设置好宽度和高度即可src是配置视频文件的链接<ModalForm         title="播放视频"        &n

发表于：2024-05-17 浏览：454 TAG：

【AntDesignPro】Ant Design Pro学习记录—DrawerForm的使用

在AntDesignPro中，ModalForm和DrawerForm是我最常用的两个表单组件，配置上，他们有很多相同的地方，也有差异的地方，相比较而言，DrawerForm我使用的更多。ModalForm<ModalForm         title={标题}         width={600}   &n

发表于：2024-05-17 浏览：470 TAG：

【Vue】vue中destroy应用于什么场景

vue 中 destroy 方法用于销毁 vue 实例，释放其资源，应用场景有：组件销毁；页面路由切换；手动释放资源；避免内存泄漏。Vue 中 destroy 的应用场景Vue 中的 destroy 方法用于销毁一个 Vue 实例，释放其占用的资源。以下是一些常见的 destroy 应用场景：1. 组件销毁当一个组件不再需要时，可以使用 destroy 方法将其销毁，例如：this.$destroy();登录后复制2. 页面路由切换当页面路由切换时，旧的 Vue 实例需要被销毁，以释放其资源。可

发表于：2024-05-16 浏览：258 TAG：

【Vue】vue中sync作用

vue 中的 sync 修饰符用于在父组件和子组件之间实现双向数据绑定。它通过生成一个 v-model 指令，将子组件的 prop 与父组件的 prop 绑定在一起，从而实现数据同步。用法如下：1. 在子组件中使用 v-bind:prop.sync="parentprop"，其中 prop 是子组件的 prop 名称，parentprop 是父组件绑定的 prop 名称。Vue 中 sync 作用在 Vue 中，sync 修饰符是一种特殊的语法糖，它允许在父组件和子组件之间进

发表于：2024-05-16 浏览：244 TAG：

【Vue】vue中哪些属性可以写异步方法

vue 中可以利用 methods 和 computed 属性定义异步方法。methods: 1. 定义异步方法，使用 async/await 处理异步请求。2. 返回一个 promise 对象。computed: 1. 定义异步计算属性，使用 async/await 处理异步请求。2. 返回派生数据的 promise 对象。Vue 中支持异步方法的属性在 Vue 中，可以使用 methods 和 computed 属性来定义异步方法。methodsmethods 属性中定义的方法可以包含异步操

发表于：2024-05-16 浏览：217 TAG：

【React】react页面加载远程css和js

在React中，您可以使用componentDidMount生命周期方法来动态加载远程CSS和JavaScript文件。代码如下import React, { Component } from 'react';   class DynamicResources extends Component {   componentDidMount()&nbs

发表于：2024-05-15 浏览：275 TAG：

【Vue】Antd Pro Vue的使用（十二） —— 菜单选中高亮显示问题

Antd Pro Vue2这套框架的路由菜单有两个问题，1、页面迁移子页面，父页面对应的菜单未能选中高亮显示2、登录后默认的菜单或页面刷新后原来的菜单未选中高亮显示网上查到的一些菜单配置都是新版本的，老版本并不支持这些方法，这里总结一下我的解决方法，如果大家有更好的解决方案，欢迎交流。一、解决第一个问题以我的菜单为例商品列表是菜单页面，添加编辑商品是隐藏菜单，我把他们做成了兄弟菜单，而不是子菜单/src/config/router.config.js配置如下然后再/src/layouts/Bas

发表于：2024-05-14 浏览：278 TAG：

【Vue】vue中的$set的作用

$set 的作用是响应式地设置对象或数组的属性，确保更改被 vue.js 追踪和更新，从而触发视图重新渲染。其用法包括：vue.set(target, key, value)，适用于直接赋值不起作用、添加或删除对象或数组属性的情况。Vue.js 中 $set 的作用$set 是 Vue.js 中一个用于响应式地设置对象或数组属性的函数。它的主要作用是确保对对象或数组的更改能够被 Vue.js 追踪和更新，从而触发视图的重新渲染。如何使用 $set$set 函数有以下用法：Vue.set(targ

发表于：2024-05-13 浏览：257 TAG：