首先去阿里买一台服务器
1.我购买的是轻量应用服务器镜像为nodejs
2.下载安装xftp和xshell
免费的直接下载就行
3.连接linux服务器
查看服务器外网,打开xshell连接
服务器用户名默认为root
输入密码不知道的可以去服务器面板重置
看到这样就连接成功了
4.创建项目文件夹目录
使用xftp连接服务器,这里还是一样的
输入账号密码就连接成功了
创建vue的部署目录这里随意如:/home/apps/vue/dist
我们把打包好的dist文件夹上传到vue文件夹下
直接覆盖即可
4.配置nginx配置文件
查看目录,实际路径可能会有一点偏差可以自己查看nginx.conf所在位置
打开之前连接好的服务器
来到配置文件所在的目录下
打开配置文件夹按i进行配置
配置完成之后先按esc然后:wq保存退出
5.重启nginx
/usr/local/nginx/sbin/nginx -s reload
6.测试配置
/usr/local/nginx/sbin/nginx -t
测试通过
7.访问外网ip
部署成功!