• 首页
        • 更多产品

          客户为中心的产品管理工具

          专业的软件研发项目管理工具

          简单易用的团队知识库管理

          可量化的研发效能度量工具

          测试用例维护与计划执行

          以团队为中心的协作沟通

          研发工作流自动化工具

          账号认证与安全管理工具

          Why PingCode
          为什么选择 PingCode ?

          6000+企业信赖之选,为研发团队降本增效

        • 行业解决方案
          先进制造(即将上线)
        • 解决方案1
        • 解决方案2
  • Jira替代方案
目录

大公司里怎样开发和部署前端代码

大公司开发和部署前端代码的步骤是:1. 环境准备;2. 静态资源;3. nginx配置静态资源;4. 目录索引;5. nginx静态站点。其中,环境准备需要到nginx.org下载最新的nginx压缩包直接解压,windows/linux/mac下载对应的版本。

一、大公司开发和部署前端代码的步骤

1. 环境准备

需要到nginx.org下载最新的nginx压缩包直接解压,windows/linux/mac下载对应的版本。

创建文件夹,windows下为如C盘根目录创建 c:/server;linux/mac可以在某个目录创建如根目录创建 /server

2. 静态资源

首先实现js、png图片、css资源的静态资源配置。server文件夹下创建static文件夹,里面分别创建js、img、css文件夹并在对应文件夹放置对应格式的测试文件内容随意。

3. nginx配置静态资源

找到nginx文件夹中的 conf/nginx.conf配置文件对应如下配置,配置完成后需要重启nginx,上面有如何重启,结束进程再次打开进程或者reload。

4. 目录索引

配置有个 autoindex on,如果配置了如果访问的是目录,则展示目录索引,如果关闭则展示403 Forbidden。一般为了服务器安全不被探测,都是关闭索引目录。

5. nginx静态站点

配置三个静态web站点备用。配置方法很简单,C:/server创建两个文件夹,立马分别有个index.html文件。nginx.conf增加以下配置后重启nginx生效。

延伸阅读:

二、Dokcer容器部署

使用Docker容器部署项目是最方便,非常快捷的一种方式。但前提是一定要有一点Docker的知识,知道如何挂载目录,设置环境变量,等基本操作,如果还不会用Docker,点击这个链接就可以开始学习起来了。当初我学Docker要就花了3天时间。 如果用Docker去部署项目的话,首先将项目制作成Docker镜像,然后上传到Docker的仓库,这个仓库可以是官方的Docker Hub,也可以是自建的Harbor,也可以是阿里云的容器管理平台。

以上就是关于大公司开发和部署前端代码的步骤的内容希望对大家有帮助。

相关文章