小小白 阿里云window轻量服务器部署vue前端项目(Nginx)

300 阅读1分钟

前提:买错服务器了,应该是要Linux的,但是买了windows,所以记录一下配置和部署

  1. 买了阿里云之后(阿里云有免费试用的),点进你所购买的服务器,得知ip,并且修改密码(可以直接点击远程连接你的服务器,但一般我都是用远程桌面连接的)

image.png

2.上面的步骤之后已经知道IP和密码,接着本地连接如下图,Ctrl+R,输入mstsc,点击确认,第一次填上IP,用户名,密码连接即可,就能进入window服务器

image.png image.png image.png

  1. 下载Nginx,解压放到你想放的位置(window服务器里面)

image.png 3. 启动nginx服务,启动后一闪而过的现象是正常的(如上图我的目录是c:/software/nginx-1.22.0/nginx-1.22.0

image.png

cd c:/software/nginx-1.22.0/nginx-1.22.0
start nginx

可以在任务管理器查看是否成功启动或者执行一下tasklist /fi "imagename eq nginx.exe"命令

image.png image.png

  1. 修改配置文件C:\software\nginx-1.22.0\nginx-1.22.0\conf 中的 nginx.conf文件

例子1:本来nginx的页面访问

image.png

在阿里云里面配置 image.png

在window服务器执行nginx -s reload image.png

在另外的电脑通过ip+端口访问 image.png

例子2:打包后的dist文件页面访问

image.png

同样在阿里云配置端口 image.png 在window服务器执行nginx -s reload image.png

在另外的电脑通过ip+端口访问

image.png

参考过的文章:

# Windows服务器部署前端vue项目

# 手把手教小白如何在Window系统下搭建Nginx服务器环境并部署前端项目