惭愧！三四年的前端第一次部署dist

本文主要是介绍惭愧！三四年的前端第一次部署dist，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

背景介绍昂

刚到了新公司，没有运营，领导要看我做的页面怎么办，自能自己去琢磨了。
复制代码

现有条件

1. 公司配的一台桌面云系统
2. 告诉我服务器地址 10.*.*.217 （公司内网）
3. 让我找后端小哥哥开账号
复制代码

还说啥，开干呀...

一个小插曲，我登服务器登了半天，回头一看，账户名称tmd填错了，我一度怀疑这个是不是华为云桌面的坑。。。事实证明，不是，就是我是个大傻子~~~
复制代码

小白部署步骤

1. 登录服务器（linux系统）
    ssh **@*.*.*.* (ssh 账户@服务器地址)
2. 检查下是否安装了node
   node -v
   没有的话，就去装node，（参考地址：https://www.cnblogs.com/sirdong/p/11447739.html）
复制代码

3. 检查有没有安装nginx，部署前端代码，反向代理必备（参考：www.pianshen.com/article/306…

4. 回到本地bash npm run build 将dist文件夹上传到服务器上去命令： $ scp -r ./dist @...://**（账户@服务器地址:/服务器上存放前端该项目的地址） 5. 一切准备就绪，开始修改配置（vim || sudo vim） /usr/local/nginx/conf/nginx.conf 1）端口号不要和别的前端或后端的重了 2）服务器地址，由localhost改成ip 3）root 服务器上的前端页面路径 4）api 转发

6. 重启nginx nginx -s reload 7. 浏览器访问这里的${server_name}:${listen}就可以啦

遇到的坑

登陆服务器报错：Permission denied 自己账号写错了
nginx 配置接口转发时，反斜杠使用错误（参考：www.cnblogs.com/hualingyun/…

3. 前端的接口默认都加/api/前缀，这样反向代理可以去转发这个/api/ 4.linux 系统，权限问题，让他们给你开服务器账号的，给你sudo权限

这篇关于惭愧！三四年的前端第一次部署dist的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！

HTML5教程