一. 介绍

服务器：本质是一台电脑，没有显示器，就是主机，24小时开机，为用户提供远程服务。

市面上的服务器：阿里云/华为云/腾讯云（配置）
主机->操作系统->window（.net）/Linux->Tomcat/nginx(软件/反向代理)

将自己的电脑作为服务器->window->nginx
远程部署（mac）

二. window上使用nginx

1. window下载nginx

（1）官方网站：https://nginx.org/en/download.html
（2）其中包含很多的nginx版本，大致可分为三类：
- Mainline version: Mainline 是nginx目前主力在做的版本，可以说是开发板
- State version: 最新稳定版，生产环境上建议使用的版本
- Legacy versions: 遗留的老版本的稳定版
（3）不用多说，我们选择Stable version的最新稳定的版本，选择windows的版本

（4）下载，并且解压到某个文件夹。
- 注意：解压到的文件夹尽量不要解压到含有中文的文件夹，否则不能正常启动。
- 双击启动接口，也就是nginx.exe
- 在浏览器中输入localhost，看到下面的页面说明安装成功。

2. 部署项目到nginx

（1）第一种方法：
将使用npm run build打包好的项目，也就是dist文件夹里面的东西复制到nginx解压后的文件（也就是启动nginx.exe的文件夹）下的html的文件下，然后刷新一下页面即可。

注意：复制到该文件夹下时必须先将里面的文件先删除掉。在刷新页面时，要去掉路由的路径再刷新，也就是路径必须是localhost，因为localhost才是你的服务器路径，后面加的类似于/home是你的页面路由。

（2）第二种方式就是将dist整个文件夹复制到nginx的解压文件夹下

该方法要到conf文件夹下nginx.conf文件里面修改相关配置

该文件里面的location / {} 里面的root就是解压nginx的目录，意思是说，默认打开的是root（也就是根目录）下的HTML里面的index.html/index.htm的网页，也就是第一种方式打开部署到nginx项目的途径。

那么采用第二种方式部署的话，就要修改这里面的路径配置（将html修改为dist），如下图：

修改完后要重启nginx，要重启才能生效。我们可以通过下面几种方式来重启（前提是在cmd窗口中进到nginx的解压目录里面）：
（a）cd到解压目录后：输入nginx.exe -s stop。stop是快速停止nginx，并不保存相关信息；
（b）第二种输入：nginx.exe -s quit。quit是完整有序的停止nginx，并保存相关信息。
（c）输入：nginx.exe -s reload。当配置信息修改，需要重新载入这些配置时使用此命令。

注意：

前面两种都要用start nginx重新启动。第三种方法是重启。但是有些时候，使用上面三种的方法都没有效果，也就是重启无效。那么我们通过taskkill /IM nginx.exe /F该命令就可解决重启无效的情况，执行该命令后，仍需start nginx启动。这时，在浏览器输入localhost便可成功打开采用第二种方法部署到nginx的项目。
为什么采用taskkill /IM nginx.exe /F命令可以呢？这是因为Nginx是多进程模型，有一个主进程和多个子进程，主进程只负责管理子进程，基本的网络事件由各个子进程处理。所以有时候当我们通过nginx -s reload这种方式去重启Nginx的话，发现是无效的，这就是因为我们杀死了一个子进程，然后主进程会开启另一个子进程，所以我们需要先关闭掉Nginx的所有进程（包括主进程和子进程）。该命令中/IM是用来kill掉指定名字的进程的，-F是用来强制kill的。

访问效果图：

将项目部署到nginx服务器上相关推荐

linux 退出服务器_Vue实战091：Vue项目部署到nginx服务器
项目开发完成之后我们就需要将项目上线运行供用户访问,这时候我们就需要将项目部署到服务器上.对于Vue这种前端Web项目我们一般都部署在linux系统上,Linux常见的Web应用服务器有Apache. ...
将项目部署到云服务器上
将项目部署到云服务器上一.购买云服务器(略) 可以通过注册阿里云学生证明,领取免费的学生机. 二.操作云服务器linux 2.1.安装nginx 先更新源列表注意:由于是cent os,所以不能用 ...
项目部署到Linux服务器上（全）linux服务器安装java mysql 配置
项目部署到Linux服务器上 (全) 1.服务器准备首先你需要购买一台云服务器我是领取的阿里云的服务器选择linux系统设置好服务器的密码忘记可以在控制台首页云服务器ECS 里面找到购 ...
将安卓项目部署云服务器,将app项目部署到云服务器上
将app项目部署到云服务器上内容精选换一换 ContainerOps需要与其他云服务协同工作,ContainerOps和其他云服务的关系如图1.云容器引擎云容器引擎(Cloud Container ...
腾讯云服务器 - 将 Spring Boot 项目部署到云服务器上（保姆级教程）
目录前言 1.在云服务器上安装 jdk 2.在云服务器上安装 mysql 2.1.安装 mysql 2.2.启动 mysql 服务 2.3.验证 3.将 Spring Boot 项目打包成 jar ...
使用Docker+Jenkins+Pipeline将Vue项目部署到Nginx服务器
安装Docke 不知道怎么安装Docker可以看我之前的博文:使用Jenkins+Pipeline+Docker将Spring Boot应用部署到Tomcat 安装Jenkins 这里安装Jenkin ...
如何把项目部署到云服务器上,如何把项目部署到云主机
如何把项目部署到先使用#yum install lrzsz命令下载rz ,下载完毕后,输入rz就可以在Windows桌面上传输文件到linux服务器.其次你还需要使用 #yum install zi ...
ij运行tomcat_如何把本地Web项目部署到云服务器上
[写给小白] 上手学Web的同学通常会用本地Tomcat进行测试当一个网站写得差不多了,如何部署到云服务器,让别人也能远程访问呢? 1. 你需要配置好Tomcat的云服务器(我用的linux系统) ...
如何将C 项目部署到云服务器上,如何将C 应用程序放在云服务器上
如何将C 应用程序放在云服务器上内容精选换一换 ServiceStage是一个应用托管和微服务管理平台,可以帮助企业简化部署.监控.运维和治理等应用生命周期管理工作.面向企业提供微服务.移动和We ...

将项目部署到nginx服务器上

一. 介绍

二. window上使用nginx

1. window下载nginx

2. 部署项目到nginx

将项目部署到nginx服务器上相关推荐

最新文章

热门文章