最近遇见一个需要上传超大大文件的需求，调研了七牛和腾讯云的切片分段上传功能，因此在此整理前端大文件上传相关功能的实现。在某些业务中，大文件上传是一个比较重要的交互场景，如上传入库比较大的Excel表格数据、上传影音文件等。如果文件体积比较大，或者网络条件不好时，上传的时间会比较长（要传输更多的报文，丢包重传的概率也更大），用户不能刷新页面，只能耐心等待请求完成。下面从文件上传方式入手，整理大文件上
1. axios ；官方推荐使用，axios 是由 promise 封装的一个 http 的库。http://www.axios-js.com导入框架：npm install axios --save 或者使用cdn ： <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
转载
2024-07-24 20:52:07
45阅读
打包vue3npm run build安装Nginx 这里安装步骤比较繁琐，现在服务器比较便宜，如果想用Nginx，可以去菜鸟教程https://www.runoob.com/linux/nginx-install-setup.html 配置安装一下找到安装路径下的 conf 文件夹 下 nginx.conf文件，用编辑器打开这个文件 里边的listen 8080; 端口号
server_nam
转载
2024-04-01 08:23:12
77阅读
#Composition-api使用背景Composition-api是vue3的新特性，在vue2中可以安装@vue/composition-api使用该语法，目前项目现状是用的vue2，所以集成了@vue/Composition-api插件。但是在项目开发中使用@vue/composition-api过程中存在了一些问题，例如：Option-api和Composition-api在项目中混用
转载
2023-10-25 12:59:35
178阅读
发布vue项目时遇到的问题以及解决方法----发布篇----vue 配置APIvue.config.js API前端工程相关命令1.安装cnpm(cnpm跟npm是一样的东西, 区别在于用到的依赖在下载地址上不同, cnpm下载的依赖都是从淘宝镜像中下的)$ sudo npm install -g cnpm --registry=https://registry.npm.taobao.org2.新
当前的nginx配置如下：server {
listen 80;
server_name localhost;
location / {
root /usr/share/nginx/html;
index index.html index.htm;
}
location @router{
转载
2023-06-18 19:46:05
454阅读
# Docker 查看 Nginx API 请求记录
## 引言
在开发过程中，我们经常会使用 Docker 来部署应用程序。而 Nginx 是一个常用的反向代理服务器，用于转发请求到后端服务。为了方便调试和分析，我们有时需要查看 Nginx 转发的 API 请求记录。本文将介绍如何在 Docker 中查看 Nginx API 请求记录的方法，并指导初学者完成这一操作。
## 整体流程
下面的
原创
2023-12-18 13:30:43
127阅读
express写的前端接口，请求路径都对，还是返回404。场景：我在腾讯云服务器centos的2020端口(任意端口)运行 express写的前端接口，想将这个端口通过服务器nginx反向代理到 443端口，供微信公众号(或者小程序)调用。问题：express接口完全没问题，可是配置好之后，请求接口都返回404，但是我在express接口文件中设置app.get('/*', (req,res) =
转载
2024-09-12 13:57:17
73阅读
# Vue 组合 API 与 Axios 请求：简明解析
随着 Vue 3 的发布，组合 API（Composition API）成为开发者们的新宠。组合 API 提供了更多的灵活性和可组合性，尤其是在复杂组件中。本文将通过简单的 Axios 请求示例，来详细介绍 Vue 组合 API 的使用。
## 什么是 Vue 组合 API？
组合 API 是一种全新的 API 设计，使得可以更好地组
原创
2024-10-12 05:56:49
56阅读
通过vue-resource对品牌列表进行增删查改 Vue.js通过vue-resource对品牌列表进行增删查改发送get请求给后台服务器来获取品牌列表发送post请求给后台服务器完成品牌添加功能发送get请求给服务器删除品牌当域名发生改变时，快速修改域名全局启用emulateJSON选项 发送get请求给后台服务器来获取品牌列表分析： 1.由于已经导入vue-resource包，就可以直接通过
转载
2024-04-07 14:28:28
133阅读
1、安装CentOS 这里不再复述，不会的请移步VMware虚拟机安装centos7 2、部署1、安装 node.jscd /usr/local/
wget https://nodejs.org/dist/v10.14.0/node-v10.14.0-linux-x64.tar.xz 解压源码cd /usr/local/
tar -xvf node-v10.14.0-linux-x6
转载
2024-07-24 19:25:39
200阅读
X-Forwarded-For 在使用nginx做反向代理时，我们为了记录整个的代理过程，我们往往会在配置文件中做如下配置: location / {
省略...
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_pass http:
前言Nginx最为最受欢迎的反向代理和负载均衡服务器，被广泛的应用于互联网项目中。这不仅仅是因为Nginx本身比较轻量，更多的是得益于Nginx的高性能特性，以及支持插件化开发，为此，很多开发者或者公司基于Nginx开发出了众多的高性能插件。使用者可以根据自身的需求来为Nginx指定某款插件以增强Nginx在某种特定场景下的功能或者提升Nginx在某种特定场景下的性能。一、Nginx获取客户端信息
转载
2024-10-10 10:42:47
74阅读
1.finalShell部署的服务器是阿里云买的,使用finalShell根据账号秘密链接服务器即可2.配置文件抽离找到/user/local/nginx/conf/下面的nginx.conf文件进行配置,这里单独新建一个finace.conf文件,配置后再导入到nginx.conf文件,便于管理3.静态资源入口配置-代理配置server {
listen 8081;
server
转载
2024-09-16 19:43:53
146阅读
## 如何解决"Vue Axios 发起请求 Nginx 返回405"问题
### 问题背景
在开发过程中，我们经常会使用 Vue.js 框架进行前端开发，并使用 Axios 进行网络请求。而在部署上线后，我们通常会使用 Nginx 作为反向代理服务器。但有时候在使用 Vue.js 发起请求时，可能会遇到 Nginx 返回 405 错误的问题。本文将帮助你了解整个问题的流程，并提供解决方案。
原创
2023-09-02 14:01:32
1469阅读
这里就不解释什么是跨域了。跨域是前端最头疼的事情，它阻止了我们向后端请求数据，使之我们无法拿到数据去渲染。当然，后端可以解决跨域，而且相当简单。但是如果再后端没办法的情况下，前端如果处理这种问题呢？一：开发环境下（就是vue项目本地开发，没打包部署前）1、vue cli2.x (npm run dev运行的项目)：我们可以在config文件夹中找到webpack的配置文件，其中的 index.js
转载
2024-07-07 20:25:35
552阅读
# 项目方案：使用 Docker 部署 Vue 应用并通过 Nginx 代理以及配置 VUE_APP_BASE_API
## 1. 项目背景和需求
在开发 Vue 应用的过程中，我们经常需要将应用部署到不同的环境中，例如开发环境、测试环境和生产环境。而不同环境的配置可能会有所不同，包括后端 API 的地址。为了简化部署过程并增加代码的可维护性，我们可以使用 Docker 来打包和部署 Vue
原创
2024-01-26 11:57:02
531阅读
什么nginx？？？Nginx("engine x")是一款是由俄罗斯的程序设计师Igor Sysoev所开发高性能的 Web和 反向代理 服务器，也是一个 IMAP/POP3/SMTP 代理服务器。在高连接并发的情况下，Nginx是Apache服务器不错的替代品，而且现在越来越多的公司都开始用nginx，学习nginx是程序员必不可少的一部分。 现实用xs
# Vue中使用axios异步请求API 1000次
在Vue中，我们经常需要使用axios库来进行异步请求API。在某些情况下，我们可能需要多次重复请求某个API。本文将介绍如何在Vue中使用axios异步请求某个API 1000次，并展示代码示例。
## 什么是axios
axios是一个基于Promise的HTTP客户端，用于浏览器和node.js的HTTP客户端。它可以让我们更方便地
原创
2024-05-18 04:03:53
85阅读
系统开发中按钮级权限控制也是非常重要的功能之一，可以严格控制不同角色用户所拥有的功能权限。 自定义v-permission指令 首先可以通过vue的自定义指令来控制按钮（div，link也阔以）等的显示与否以及是否禁用状态。具体可查看官方文档vue自定义指令。 /** * 定义vue permiss
转载
2020-10-17 14:02:00
1069阅读
2评论
