利用cmd将vue项目部署到云服务器(前端)
1将vue项目打包成dist文件夹
- 在终端输入命令行
npm run build即可,会看到文件交目录出现一个dist文件夹。
关于部署之前要做的一些事情,我写在了另一篇博客里,可以点击这里跳转。
2、将dist文件夹复制到D盘一个全英文环境的文件夹里边并压缩
- 比如我这个,放到了D盘一个新建的test文件夹下面
3、打开两个cmd命令行窗口
第一个cmd窗口
- 要在test文件夹目录下打开cmd,用来上传文件。
- 这里有一个快捷操作,同时按住shift和鼠标右键,再点击在此处打开powershell窗口
- 输入start cmd 就可以打开了。
- 在打开的cmd窗口里输入scp+本地dist压缩包地址+服务器目录地址
我这里就是scp D:\test\dist.zip [email protected]:/usr/local/tomcat/tomcat8.5/webapps - 回车后输入密码,命令行不会显示密码,你只管输入即可。
- 出现**100%**就说明上传成功了。
第二个cmd窗口
- 在第二个命令行窗口,使用ssh 远程登录服务器。
ssh ‘用户名’@‘IP地址’ #不用加’号,这里是为了作区分
‘用户名’@‘IP地址’'s password: xxx
- 下面是我的步骤,仅供参考
4、结语
- 这一步本来是队友弄的,不过这步最好还是懂开发的人来弄。我也是在福哥的指导下花了1晚上,这篇也是把福哥的指导记录下来,感激福哥。太难了太难了,白白。