vue项目部署windows云服务器(白嫖版)

今天来总结下，如何将vue项目部署至远端服务器之中--一个月白嫖版

需要东西  1.nginx(远端运行你的项目配置文件，自行下载或者在我文章末端自取)

                 2.云服务器

一、申请一个远端服务器

        这里以我申请的腾讯云服务器为例(任何平台都可以，主要是用他的公网ip)哪个平台无所谓，但是最好是windows系统，比较简单

注册过程不在细说，浏览器搜免费服务器，支付费用是零就ok，然后进入控制台(每个平台服务器位置基本都在控制台)找到你的服务器

 这里需要将你的服务器密码进行重置（必须要）

用户名:最好不要改，用系统默认

全部填写完毕点击在线重置--密码较长记不住的小伙伴记得copy下来

如果到这一步都ok，那么恭喜你已完成服务器配置

二、打包你的vue项目

在根下执行命令npm run build 会自动在根下创建一个dist文件夹，里面大概就长这样，别动一会有用

三、用你的本地远程连接云服务器

win10、win11系统按win键，直接搜远程连接

计算机就是你的公网ip

用户名你刚才改了啥就是啥，默认没有改的就是---Administrator

 点击连接弹框选择--是--  初次进入需要输入密码，就是刚才重置的密码

四、服务器配置

将我的资源解码下载至本地进行一些改动，将打包的dist文件下的东西全部复制到html文件夹下

然后整体将你改过的文件夹nginx-1.22.1复制到远端服务器桌面上

然后双击运行最后这个exe文件，一闪而过就是合适了

用你的公网ip直接就可以去访问你的项目了