一、使用 vue create currentdatetime创建项目，创建成功后项目目录结构如下：二、在项目的根目录新建一个packages文件夹,用于存放需要发布的组件。三、支持对package目录的处理，在vue.config.js文件中修改配置中的chainWebpack选项。const { defineConfig } = require('@vue/cli-service')
cons
转载
2024-09-26 14:26:24
59阅读
#user nobody; worker_processes 1; #error_log logs/error.log; #error_log logs/error.log notice; #error_log logs/error.log info; #pid logs/nginx.pid; events { worker_connections ...
转载
2019-08-03 11:35:00
333阅读
2评论
docker 安装 nginx 发布Vue项目nginx配置文件、html文件、logs日志文件。
原创
2023-06-05 13:47:13
188阅读
1、Jenkins简介Jenkins是开源CI&CD软件领导者， 提供超过1000个插件来支持构建、部署、自动化， 满足任何项目的需要。2、Jenkins安装这里是使用docker-compose安装Jenkins，所以需要先安装docker和docker-compose2.1、docker安装在安装前检查是否有安装gcc和gcc-c++
安装软件包
yum install -y yum
转载
2024-10-28 21:51:01
125阅读
theme: channing-cyanhighlight: a11y-darkNginx配置-vue项目打包部署篇一、打包配置部署相关说明将部署应用程序包的基本 URL(baseUrl在 Vue CLI 3.3 之前的叫法)。这相当于 webpack 的output.publicPath，但是 Vue CLI 也需要这个值用于其他目的，所以你应该总是使用publicPath而不是修改 webpa
转载
2024-06-27 13:16:31
85阅读
# 自己使用记录server { listen 80; server_name 127.0.0.1; #charset koi8-r; #access_log logs/host.access.log main; root G:/dist; // vue项目build打包地址 i
原创
2021-08-03 10:14:00
476阅读
内核版本号uname -r 系统版本号sudo lsb_release -a 提权sudo -i name: blissyang pwd: qwer123456cmd 输入 bash 切换至Linux sudo apt-get install python 安装Python报错：404 Not Found [IP: 91.189.88.162 80]sudo apt-ge...
原创
2021-06-03 09:31:40
289阅读
在Kubernetes（K8S）中部署和发布Vue.js应用并通过Nginx进行访问是一个常见的操作，今天我们来一步步教你如何实现这个过程。
### 步骤概览
首先，让我们简要列出整个过程的步骤，以便你可以更清晰地理解。
| 步骤 | 操作 |
| ------ | ------ |
| 1 | 编写Vue.js应用 |
| 2 | 构建Vue.js应用 |
| 3 | 创建Docker镜像
原创
2024-04-24 10:40:11
117阅读
背景测试环境并行测试：一个服务有多个需求同时进行测试，需要nginx根据特定信息将流量转发到指定测试机。全链路压测：流量无区分，影响线上用户，只能在业务低峰进行压测，需要值守，成本较高，需要能够流量隔离，随时可以进行压测。灰度发布：需要nginx根据指定信息将流量转发到指定的灰度机器上。ngx_lua模块ngx_lua是Nginx的一个模块，将Lua嵌入到Nginx中，从而可以使用Lua来编写脚本
随着现在软件行业分工的细化，研发同学更关注研发的功能，对一些常见的运维部署不是那么熟悉，例如常常用到的nginx、docker等等。今天先来看看nginx可以在项目中做些什么？注意：本文主要讨论nginx在不加载第三方模块的情况下。nginx目录首先看下nginx安装后的目录(以windows为例)，如下图 一般只需关注conf文件夹中的nginx.conf文件即可，如果启动有问题，可
转载
2024-03-20 08:45:54
35阅读
在本次使用nginx发布vue项目遇到 配置location 始终404 和 在项目子目录点击浏览器刷新出现404问题使用nginx发布vue项目，为了方便测试就下载了一个nginx 放置自己目录下nginx目录是这样的一、配置端口然后打开conf / nginx.conf 配置 server，首选监听808 设置服务名listen 808;
server_name localho
转载
2024-06-19 20:40:24
205阅读
Nginx定义异步框架的 Web服务器，也可以用作反向代理，负载平衡器 , HTTP缓存, 媒体流等的开源软件。它最初是一个旨在实现最高性能和稳定性的Web服务器。除了HTTP服务器功能外，NGINX还可以用作电子邮件（IMAP，POP3和SMTP）的代理服务器以及HTTP，TCP和UDP服务器的反向代理和负载平衡器。特点更快高扩展性, Nginx的模块都是嵌入到二进制文件中执行高可靠性低内存消耗
# Vue项目发布流程
Vue项目发布是将开发好的Vue项目部署到线上服务器，以便用户访问和使用。下面我将介绍Vue项目发布的整个流程，并给出每一步需要做什么以及具体的代码示例。
## 步骤
| 步骤 | 描述 |
|-------------
原创
2024-05-22 11:13:37
145阅读
vue项目发布
原创
2023-01-30 16:16:30
215阅读
引言：Vue.js 是一种流行的前端框架，而 Nginx 是一款高性能的 Web 服务器。将 Vue 前端项目成功部署到 Nginx 服务器上，可以为用户提供快速可靠的访问体验。本文将介绍如何在 Linux 环境下实践将 Vue 前端项目部署到 Nginx 服务器的步骤。前提条件在开始之前，确保你已经满足以下前提条件：你已经在本地开发环境中创建和测试了 Vue 前端项目。你已经在 Linux 服务
转载
2024-07-04 06:26:49
817阅读
1、nginx 配置 location /three-tixing/{ alias /usr/local/website/demo/three-tixing/; index index.html; try_files $uri $uri/ /three-tixing/index.html; } 1. ...
转载
2021-09-12 15:53:00
499阅读
2评论
vue开发的项目，通过编译会得到 dist文件夹，如何发布到nginx服务器上？1 配置nginx服务器在nginx服务文件中，打开 conf文件夹，如下为了不改变nginx的默认配置（nginx.conf），复制一份，重名为 custom.conf，如下修改 custom.conf 文件中的 root 参数为 dist，如下......
server {
listen
转载
2024-05-18 20:52:00
424阅读
介绍# vue在国内的前端地位可谓是如日中天，由于目前主流的前后端分离式开发，让许多前端小伙伴不太了解服务器操作特别是Linux，而许多后台开发人员虽然精通服务器，却不懂前端框架如何发布。本篇将详细介绍vue构建静态文件发布至Linux并配置Nginx服务代理https，在发布前我们先需要准备以下环
转载
2021-01-29 09:26:00
698阅读
2评论
在Kubernetes中部署Vue前端项目并使用Nginx作为反向代理是一个常见的场景。然而，有时候当我们尝试发布Vue应用时，可能会遇到500错误。这种错误通常是由于Nginx配置问题导致的。在本文中，我将向您介绍如何在Kubernetes上部署Vue应用并解决Nginx发布Vue时报错500的问题。
### 一、部署Vue应用到Kubernetes
首先，让我们来看一下整个部署Vue应用到
原创
2024-05-07 11:12:03
429阅读
nginx代理部署Vue与React项目一,介绍与需求 1.1,介绍
Nginx (engine x) 是一个高性能的HTTP和反向代理服务，也是一个IMAP/POP3/SMTP服务。Nginx是由伊戈尔·赛索耶夫为俄罗斯访问量第二的Rambler.ru站点（俄文：Рамблер）开发的，第一个公开版本0.1.0发布于2004年10月4日。
Nginx
转载
2024-04-24 15:31:07
91阅读
