vue项目部署到nginx（超级详细）系统：ubuntu20 安装nginx： 可以先创建一个nginx目录，我的目录在 /usr/local/nginx下一、安装nginx1. 安装依赖$ sudo apt-get install gcc zlib1g-dev libpcre3 libpcre3-dev libssl-dev2. 下载nginx$ wget https://nginx.org/d
转载
2024-02-25 10:43:09
340阅读
Nginx部署多个Vue项目，配置不同域名
原创
2023-04-21 20:01:15
1062阅读
部署准备vue项目打包 首先打开public下的index目录，修改后台的URL地址，如下图所示：使用CMD，打开命令行程序。进入项目根目录。执行命令：npm run build，完成打包。在根目录输出结果如下： 如果在一个nginx的同一个端口号下配置多个vue应用，则需要在第二个应用开始，按照以下步骤修改，再执行打包程序。 第一步：修改根目录下的vue.config.js的publicPath
转载
2023-12-02 13:26:16
193阅读
配置nginx + https + node + vue为什么要配置这些，此时的我在捣鼓写的vue项目的demo玩，简单的调用摄像头并进行拍照，并将照片转换为base64字符串通过node服务存储到云服务器的mysql数据库里（并没有使用将图片上传至服务器的某个目录下，将云服务器的地址存储到数据库的方案。按道理应该要这样做的，这里只是简单的demo，不要被误解了，毕竟直接往数据库里存base64的
转载
2024-07-27 10:02:31
153阅读
花了 3 天时间，趁着我还没有忘记，先记录下来效果目前有 2 个项目（project1, project2），还有一个 nginx 自带的 index.html，我添加了对应的链接代码（稍后粘贴出来），为了统一管理子项目的路由。我期望实现下面的效果（假设 ip: localhost，port: 8080）：http://localhost:8080/ 进入最外层的 index.html
转载
2024-08-15 20:48:39
151阅读
11.2 新增问题：函数触发路由，采用两种方式。第一种router-link。第二种this.$router.push({path:'/address'})两种方式都可以跳转，但是第二种方式，触发后，原先绑定的CSS样式，无法通过 false 来取消。然后吃完饭回来，我就发现我傻了，我是通过点击来触发事件，点击后，页面都跑了，我当然看不到样式改变啊。所以老老实实用 router-link吧。<
转载
2024-05-31 20:29:54
152阅读
Nginx部署多个Vue项目，配置二级域名
原创
2023-04-22 09:22:24
1096阅读
在Kubernetes(K8S)中部署Vue前端应用并配置nginx是一个常见的操作，本文将教你如何完成这个过程。首先，让我们来了解整个流程，然后详细说明每个步骤需要做什么。
### 流程概述
在K8S中部署Vue前端应用并配置nginx的流程如下：
| 步骤 | 描述 |
| ---- | ---- |
| 步骤一 | 创建Vue前端应用Docker镜像 |
| 步骤二 | 编写nginx
原创
2024-05-22 09:59:07
199阅读
open /usr/local/etc/nginx/成功打开nginx目录，也可以看到如info所说servers目录以及nginx.conf的配置文件（后面会用到这个配置文件）。但我们并没有找到nginx被安装到了哪里。终端继续执行：open /usr/local/Cellar/nginx //其实这个才是nginx被安装到的目录会看到一个以当前安装的nginx的版本号为名称的文件夹，这个就是我
转载
2024-08-07 15:18:35
987阅读
一、Tomcat + Nginx域名配置方法如何通过nginx代理的方式进行域名访问找到nginx/conf/nginx.conf，做如下关键配置：upstream xx{ #配置upstream节点，这里节点名为“xx”
server 116.255.111.111:8080;
}
server{
listen 80;
server_name www.xxx.xx; #
转载
2024-03-08 18:32:05
140阅读
下载nginxdocker pull nginxdocker images# 创建挂载目录
mkdir -p /home/nginx/conf
mkdir -p /home/nginx/log
mkdir -p /home/nginx/html容器中的nginx.conf文件和conf.d文件夹复制到宿主机# 生成容器
docker run --name nginx -p 80:80 -d ngi
转载
2024-06-09 20:14:58
67阅读
我想要将我的vue前端项目上线使用，一开始我是放在后台服务器上，但发现每次要打包发给后台服务器，效率极为低下，不仅仅后台觉得麻烦，前端的效率也得到及降低，所以把前端的工程直接部署服务器上，这不失为一个好的办法，但是部署过程中，采用的是nginx进行服务器的代理配置，接下来就是我配置过程中踩得无数的坑，本人较笨，搞了两三天才终于弄出来。终于可以在浏览器上显示首先，买一台云服务器是必要的，我使用的是阿
转载
2024-09-13 11:02:15
49阅读
nginx域名访问的白名单配置梳理在日常运维工作中，会碰到这样的需求：设置网站访问只对某些ip开放，其他ip的客户端都不能访问。可以通过下面四种方法来达到这种效果：1）针对nginx域名配置所启用的端口(比如80端口)在iptables里做白名单，比如只允许100.110.15.16、100.110.15.17、100.110.15.18访问.但是这样就把nginx的所有80端口的域名访问都做了限
转载
2024-08-02 19:37:03
0阅读
域名访问----->nginx----->ip地址和端口1、通过域名访问 还是通过ip进行访问。ip地址访问通，但是域名访问不同，说明端口没映射。2、前端通过域名访问后端服务，在ngixn层域名映射成ip地址。3、以后可以试试ip地址是否访问通？ ip地址是否访问通？ Nginx集群：主从，防止单点故障。Nginx的使用和配置文件 nginx.conf配置文件Ngi
转载
2024-03-12 15:41:14
2195阅读
实验名称：配置http服务并运用实验过程：步骤1：基本环境一台linux服务器，一台linux主机，一台windows主机将两台主机的hostS文件添加一条 192.268.4.253 www.tarena.com以便实验步骤2：安装http软件包，[root@dc ~]# yum -y install httpd
。。。
Installed:
httpd.x86_64 0:2.2.3-
## Docker部署Nginx并配置SSL
### 1. 简介
在本文中，我将向你介绍如何使用Docker来部署Nginx，并配置SSL证书。Docker是一个开源的容器化平台，可以帮助我们快速构建、部署和运行应用程序。Nginx是一个高性能的Web服务器和反向代理服务器，支持SSL/TLS协议。
### 2. 准备工作
在开始之前，确保你已经安装了Docker和Docker Compo
原创
2023-09-11 08:38:58
456阅读
1.nginx的搭建依赖环境 1.1 准备jdk环境 当前最新版本下载地址：http://www.oracle.com/technetwork/java/javase/downloads/index.html 历史版本下载地址： http://www.oracle.com/technetwork/java/javase/archive-139210.html 1.2 解压压
转载
2024-06-06 10:11:37
155阅读
最近公司一个项目要上线。但是部署项目时用的是IIS 进行部署。服务器是Tomcat. 网上找了好多资料。用了一个下午的时间终于配出来了。
一、在tomcat/config 下面放三个文件：
1、isapi_redirect-1.2.14.dll （网上下载的）
2、workers2.properties 内容如下：
#tomcat的路径
workers.tomcat_
制作nginx镜像 到 Docker Hub 搜索 nginx，选择自己需要的镜像 Dockerfile 中引入即可：FROM nginx直接打包启动镜像，默认为80端口镜像中文件路径说明：/usr/share/nginx/html web静态资源存放在该路径
/etc/nginx/nginx.conf nginx主配置文件
/etc/nginx/conf.d 子配
转载
2023-06-07 10:51:11
287阅读
环境介绍这次软工团队作业是写一个学习用的交流（聊天）软件。而我负责管理端的编写。工作范围从数据库到前后端。采用的技术栈为vue-cli+express+nginx。本地环境为win10，服务器为华为云Ubuntu。在代码编写部分并未遇到太大的问题，然而在部署到服务器上时，发现前后端无法交互。网上随处可见部署过程中的技术细节。但却缺少对部署这项工作的总体介绍。对萌新或者着急肝工程的人很不友好。部署就
转载
2024-07-24 10:01:15
284阅读
