专栏名称: 奇舞精选
《奇舞精选》是由奇舞团维护的前端技术公众号。除周五外,每天向大家推荐一篇前端相关技术文章,每周五向大家推送汇总周刊内容。
今天看啥  ›  专栏  ›  奇舞精选

前端部署真的简单么

奇舞精选  · 公众号  ·  · 2024-05-30 15:08
    

文章预览

本文作者为 360 奇舞团前端开发工程师 前端部署真的简单么 简单部署 首先,通过脚手架提供的命令npm run build打包前端代码,生成dist文件夹; 最后,将dist文件夹丢给后台开发人员放在他们的工程里面,随后台一起部署;现在普遍是前后端分开部署,因此,利用nginx起一个web服务器,将dist文件夹放到指定的路径下,配置下nginx访问路径,对于请求接口使用proxy_pass进行转发,解决跨域的问题。 更加高端一点的操作,是利用CI/CD + Docker进行自动化部署。 进行到这里,是不是觉得还是很简单的。别急,进阶一下试试~ 为什么要进阶呢?因为这关系到线上生产环境的稳定和性能。 那让我们从原始的前端开发讲起。 上图是一个 index.html 页面和它的样式文件 a.css,无需编译,本地预览,丢到服务器,等待用户访问。 然后我们访问页面,看到页面正常,接口也 ………………………………

原文地址:访问原文地址
快照地址: 访问文章快照
总结与预览地址:访问总结与预览