配置nginx + https + node + vue为什么要配置这些，此时的我在捣鼓写的vue项目的demo玩，简单的调用摄像头并进行拍照，并将照片转换为base64字符串通过node服务存储到云服务器的mysql数据库里（并没有使用将图片上传至服务器的某个目录下，将云服务器的地址存储到数据库的方案。按道理应该要这样做的，这里只是简单的demo，不要被误解了，毕竟直接往数据库里存base64的
转载
2024-07-27 10:02:31
153阅读
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
336阅读
在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阅读
下载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-cli+express+nginx。本地环境为win10，服务器为华为云Ubuntu。在代码编写部分并未遇到太大的问题，然而在部署到服务器上时，发现前后端无法交互。网上随处可见部署过程中的技术细节。但却缺少对部署这项工作的总体介绍。对萌新或者着急肝工程的人很不友好。部署就
转载
2024-07-24 10:01:15
284阅读
Ubuntu下使用nginx发布vue项目1. Ubuntu18.04搭建nginx服务器1.1 ubuntu安装nginxsudo apt update
sudo apt install nginx1.2 配置防火墙ps: 防火墙配置部分可根据情况选择，一般不需要配置防火墙sudo ufw app list获得应用程序配置文件的列表
可用应用程序：
CUPS
Nginx Full
Nginx H
转载
2024-06-04 11:07:51
208阅读
配置如下server { listen 80; server_name localhost; location / { root /app; index index.html; try_files $uri $uri/ /index.html; }}其中:/app 是网站根目录参考https://cli.vuejs.org/zh/guide/deployment.html...
原创
2021-07-12 10:20:12
2630阅读
虚拟机安装nginx并部署Vue项目虚拟机用的操作系统是centos7一、安装nginx需要先将官网下载的源码进行编译，编译依赖gcc环境，如果没有gcc环境，需要安装gcc：yum -y install gcc二、 Nginx下载安装wget http://nginx.org/download/nginx-1.13.0.tar.gz 三、Nginx解压安装： 解压文件到usr/software目
转载
2024-07-02 04:52:33
2517阅读
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
81阅读
项目开发完成之后我们就需要将项目上线运行供用户访问，这时候我们就需要将项目部署到服务器上。对于Vue这种前端Web项目我们一般都部署在linux系统上，Linux常见的Web应用服务器有Apache、Nginx和Tomcat 。Nginx是一款高性能、低消耗的轻量级反代理服务器很适合中小型项目，这里选择Nginx服务器来部署Vue项目。 打包Vue项目项目发布之前我们需要先将项目进行打
转载
2024-02-20 21:50:20
84阅读
###一、nginx的安装 安装步骤 安装前环境准备 1：下载nginx安装包nginx-1.17.5（当前最新），并上传到服务器上 这样上传到/root/2：因为Nginx以来与gcc的编译环境，所以，在mini centos中需要安装编译环境来使Nginx能够编译起来yum install gcc-c++3：Nginx的http模块需要使用pcre来解析正则表达式yum -y install
转载
2024-06-19 20:49:48
32阅读
文章目录前言一、Nginx介绍二、Nginx安装1、Nginx需要依赖几个包，先进行安装2、下载解压Nginx3、安装并启动Nginx4、配置conf文件，部署vue前端项目5、前端项目构建并上传6、后端Springboot项目打包上传总结 前言在部署vue项目的时候，学习到需要使用nginx，本文就记录一下部署vue项目的过程，包括Linux上nginx服务器的安装，部署vue前端项目和部署S
转载
2024-03-21 22:22:22
317阅读
目录一、前言二、hash模式三、history模式 一、前言对于hash模式和history模式，最直接的区别就是地址栏带不带"#"号了。 vue脚手架搭建的项目的路由默认是hash模式。 hash模式： 创建路由实例时，添加mode:"history"属性，即可使用history模式。const router = new VueRouter({
routes,
mode: "histo
2 介绍旨在提供一个最基础的CRUD模板，并没与太复杂的业务流程，想让初学微服务或者想要找个Vue+Node前后端分离项目的同学有一个案例参考。大家可以基于此项目继续扩展，或者看此项目和源码和文档自己尝试开发前后端分离的项目。如果此项目对大家有帮助，欢迎右上角star支持作者注意：请以批判的角度看此项目，本人也是技术有限，如果你有更好的解决方案请尽快联系我。大牛勿喷cloud-template:
转载
2024-08-28 20:14:21
51阅读
在K8S中部署Vue项目并配置反向代理，需要先理解什么是反向代理以及如何使用Nginx来实现反向代理。反向代理是指代理服务器接收客户端的请求，然后将请求转发给真实的服务器，最后将服务器的响应返回给客户端，客户端认为是直接与代理服务器通信。Nginx是一个高性能的Web服务器和反向代理软件，可以帮助我们实现反向代理配置。
接下来，我将逐步介绍如何在K8S中部署Vue项目并配置Nginx反向代理。
原创
2024-05-24 10:43:14
626阅读
一、什么是跨域（1）跨域 由于浏览器同源策略，凡是发送请求url的协议、域名、端口三者之间任意一个与当前页面地址不同即为跨域。存在跨域的情况：网络协议不同，如http协议访问https协议。
端口不同，如80端口访问8080端口。
域名不同，如qianduanblog.com访问baidu.com。
子域名不同，如abc.qianduanblog.com访问def.qianduanblog.co
转载
2024-10-09 20:19:40
556阅读
在实现"Nginx Vue部署"之前，我们首先需要了解一下Nginx和Vue.js分别是什么。Nginx是一个高性能的HTTP和反向代理服务器，常用于静态资源的部署和代理。Vue.js是一种流行的JavaScript框架，用于构建单页面Web应用程序。
下面我将向你介绍如何在Kubernetes中实现"Nginx Vue部署"。具体步骤如下：
| 步骤 | 描述
原创
2024-04-24 12:46:40
131阅读
项目build在项目根目录下，也就是和package.json同级的目录下新建一个文件vue.config.js，在里面写入如下代码(有特殊需求可根据注释做相关修改，一般来说下面的配置可以直接用)：module.exports = {
publicPath: process.env.NODE_ENV === "production" ? "./" : "./",
outputDir: "d
转载
2024-07-09 13:47:51
37阅读
前端项目打包、Nginx的启动暂停、Nginx配置1、前端打包首先配置前端环境.env.preview文件中VUE_APP_API_BASE_URL指向后端地址之后，使用命令 yarn run build 打包后前端根目录出现dict文件夹yarn run build 或者 npm run build使用Nginx代理部署前端 -配置内容server {
listen
转载
2024-06-10 10:23:27
1555阅读
