目录一、下载nginx二、用xshell连接服务器1、创建nginx目录：`mkdir nginx`2、`cd nginx`3、配置nginx安装所需的环境4、打开Xftp传入压缩包5、解压缩6、进入加压文件7、编译安装nginx8、启动nginx9、设置nginx开机启动三、部署1、打开vue项目，在控制台输入2、在xshell进入nginx/html目录，打开xftp3、把生成的dist目录
上回我们披荆斩棘用Vue终于开发了一个小系统现在来爬最后一个坑——项目打包部署测试环境从来没部署过项目的小白在一脸懵逼的努力尝试虚拟机配了一遍测试环境配了一遍坑也踩了一遍一. 连接主机我们的目的是在测试环境的主机上先配置一个Nginx服务器。 先在本地安装Xshell与Xftp。 准备.png打开Xshell，输入主机名，用户名，密码，点击OK登录。Note1：主机名一般管运维的小哥哥要
Vue项目部署到Nginx服务-温馨版 文章目录Vue项目部署到Nginx服务-温馨版1.概述2.搭建Nginx服务2.1.下载Nginx包2.2.配置Nginx编译环境1.安装gcc2.安装PCRE pcre-devel3.安装zlib4.安装Open SSL2.3.编译Nginx二进制包1.解压Nginx包2.生成Makefile文件3.编译安装nginx2.4.Nginx常用命令1.启动Ng
转载
2024-06-06 17:33:54
364阅读
环境介绍这次软工团队作业是写一个学习用的交流（聊天）软件。而我负责管理端的编写。工作范围从数据库到前后端。采用的技术栈为vue-cli+express+nginx。本地环境为win10，服务器为华为云Ubuntu。在代码编写部分并未遇到太大的问题，然而在部署到服务器上时，发现前后端无法交互。网上随处可见部署过程中的技术细节。但却缺少对部署这项工作的总体介绍。对萌新或者着急肝工程的人很不友好。部署就
转载
2024-07-24 10:01:15
284阅读
docker+nginx快速部署vue项目1.环境信息 2.docker安装测试nginx 2.1docker拉取nginx镜像 2.2docker启动nginx测试镜像 3.在win10环境里创建并打包vue项目 3.1打开cmd窗口，进入对应文件夹 3.2输入vue init webpack <项目名>创建vue项目 3.3用webstorm打开创建的项目并初始化依赖包 3.4输入
转载
2024-05-29 21:01:47
109阅读
一、修改router.js中添加base根目录配置const vueRouter = new Router({ mode: '
原创
2023-05-11 10:58:09
1451阅读
文章目录 前言一、Nginx是什么？二、安装步骤1.依赖下载
2.下载Nginx总结 前言Nginx可以作为Web服务器使用，它支持HTTP、HTTPS、SMTP、POP3等多种协议。相比Apache等传统Web服务器，Nginx使用更少的资源，支持更多的并发连接，具有更高的效率。这使得Nginx特别适用于需要处理大量并发请求的虚拟主机提供商。一、Nginx是什么？Nginx是一个功能强大、性能优
VUE学习-入门 文章目录VUE学习-入门1、vue简介1.1、VUE是啥1.2、为啥用VUE2、[VUE的使用](https://v3.cn.vuejs.org/guide/introduction.html)2.1、环境搭建2.1.1、 nodejs安装2.1.2、npm安装2.1.2.1 升级npm版本2.1.2.2 **配置nodejs运行环境变量**2.1.2.3 **安装切换镜像工具*
###一、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阅读
0. Nginx使用以windows版为例，下载niginx压缩包并解压到任意目录，双击nginx.exe，在浏览器中访问http://localhost，如果出现Welcome to nginx!页面则说明成功。nginx常用命令如下：nginx -h # 打开帮助
nginx -t # 检查配置文件是否正确
# 以下命令均要先启动nginx才能执行
nginx -s stop # 停止
转载
2024-06-18 21:23:30
500阅读
项目build在项目根目录下，也就是和package.json同级的目录下新建一个文件vue.config.js，在里面写入如下代码(有特殊需求可根据注释做相关修改，一般来说下面的配置可以直接用)：module.exports = {
publicPath: process.env.NODE_ENV === "production" ? "./" : "./",
outputDir: "d
转载
2024-07-09 13:47:51
37阅读
在实现"Nginx Vue部署"之前，我们首先需要了解一下Nginx和Vue.js分别是什么。Nginx是一个高性能的HTTP和反向代理服务器，常用于静态资源的部署和代理。Vue.js是一种流行的JavaScript框架，用于构建单页面Web应用程序。
下面我将向你介绍如何在Kubernetes中实现"Nginx Vue部署"。具体步骤如下：
| 步骤 | 描述
原创
2024-04-24 12:46:40
131阅读
前端项目打包、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阅读
本文主要记录如何配置vue的打包文件配置项，使打包后的文件可以支持二级目录的访问。1、常规打包在实际的项目中，我们通常都使用 npm run build 直接打包文件后丢到服务器上访问打包后的文件目录是这样的：访问的静态资源都是地址是这样的：我们现在要放在服务器的二级目录下访问地址，那么访问的路径就应该也加上二级目录，该如何配置尼？2、静态文件地址修改静态文件的访问地址应该加上二级目录前缀：方法：
转载
2024-02-18 13:30:09
958阅读
一般来说项目会有一个前台和后台，前台用一级域名，后台用二级域名，比如一个项目的域名是www.xxx.com，访问www.xxx.com时自然会访问到前台的首页，而后台一般是www.xxx.com/xxx，一级域名自然很简单，但是配置二级域名(后台)时，就会报js css的404错误root会根据完整的url请求来映射到目录中，而alias会把location后面配置的路径丢弃掉，把当前匹配到的目录
转载
2024-05-08 11:26:37
1058阅读
目录一丶前言二、安装nginx1.准备nginx2.服务器上传nginx3.解压nginx 4.安装相关依赖库5.编译nginx6.启动nginx7.访问nginx 8.安装成系统服务三、安装Tomcat1.安装JDK（如果安装并配置环境变量了可以略过）2.准备Tomcat3.服务器上传tomcat4.解压tomcat 5.启动tomcat6.访问tomcat7.设置
1、vue.config.jsmodule.exports = { publicPath: '/rm/',2、路由下index.jsconst ro
原创
2022-11-17 00:27:03
1208阅读
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阅读
配置nginx + https + node + vue为什么要配置这些，此时的我在捣鼓写的vue项目的demo玩，简单的调用摄像头并进行拍照，并将照片转换为base64字符串通过node服务存储到云服务器的mysql数据库里（并没有使用将图片上传至服务器的某个目录下，将云服务器的地址存储到数据库的方案。按道理应该要这样做的，这里只是简单的demo，不要被误解了，毕竟直接往数据库里存base64的
转载
2024-07-27 10:02:31
153阅读
今天要用到服务器nginx，还需要把自己的vue的项目部署到服务器上去所以就写一下记录下来。首先要去nginx官网下下载nginx： 下载地址：https://nginx.org/en/download.html下载下来会是一个解压包，解压到你想放的文件夹下运行nginx.exe，然后打开浏览器输入localhost出来如下图片所示就说明成功了：然后如果没有成功出来的话也不要慌不要怕，可能是你的端
转载
2024-03-07 20:32:50
339阅读
