前提准备
- 静态资源文件
- 通过打包命令(npm run build)打包得到的dist文件
- 免费安装 Xshell7 Xftp(两个都需要)
- 阿里云轻量应用服务器(需要购买)
一、阿里云操作
1.打开轻量服务器
打开阿里云官网 -> 登录成功
在右上角找到我的阿里云 -> 产品 -> 我的产品 -> 轻量应用服务器 ->（点击进入）
点击进入 -> 服务器列表 -> 点击我的轻量进入
我的轻量服务器 -> 记住两个东西 (1.重置密码 2.重置系统)
- 重置密码是后期使用Xshell7 Xftp时需要的账号和密码
- 重置系统（设置镜像）步骤2
2.设置镜像(重置系统)
打开重置系统 -> 系统镜像 -> Ubuntu(使用简单) -> 确认更换
检查 -> 服务器镜像信息 -Ubuntu
二、Xshell7操作
打开Xshell7 建立会话
新建会话:三种方式
- 启动自动显示弹窗，点新建会话
- 侧边栏右键，新建会话
- 左上角新建会话
新建会话窗口，填写名称和主机（名称随意，主机看阿里云IP地址），练习用公网没啥关系
- 公开让陌生人翻阅的，需要使用公网，最好搭配域名去使用，不然暴露IP地址，容易受到网络攻击
- 如果只是单纯给自己信任的好友看看，倒没啥关系
连接服务器
双击你新建的会话，右边会显示Connecting to x.xxx.xxx.xx（你填写的IP地址）
输入正确的账号密码，密码可以在阿里云中重置
账号密码正确之后，会显示welcome to..
初次使用安装ng
(1)安装ng 命令：sudo apt-get install nginx
这个时候可能会出现下面的情况(Not found)
出现这个情况，需要更新一下包源，再 install
sudo apt-get update
sudo apt-get install nginx
(2)检查ng版本：nginx -v
显示出版本号，安装成功
(3)使用浏览器访问域名
使用浏览器直接输入自己链接的IP地址，显示welcome to nginx成功
这里已经成功了百分之85%了,真的是太棒了!!
（4）查看配置
进入nginx路径：cd /etc/nginx/sites-enabled
查看路径文件：ls 得到 default
配置文件的软链接:cat default
然后会出现很长，拉到下面找到root 和 index
上图可得： root /var/www/html 就是现在 ng 的解析目录
还差最后一步，把你的内容放到里面去，不用重启，就可以直接访问
三、Xftp操作
打开Xftp，建立会话
双击会话，弹窗填写用户名和密码 （阿里云重置密码那块账号密码）
账号密码正确，进入找到路径 ng 的解析目录：/var/www/html
1.双击..，回退
2.然后在左边框，找到自己的静态文件包
直接把整个静态资源文件夹包拉过去
浏览器上按文件夹包名路径访问内部html
安装静态资源包的html路径访问
