测试平台前端部署

最新推荐文章于 2024-08-24 11:46:12 发布

敲代码敲到头发茂密

最新推荐文章于 2024-08-24 11:46:12 发布

阅读量298

点赞数 1

分类专栏：测试效能平台2（Python+Django）文章标签：前端 docker node.js 容器服务器

本文链接：https://blog.csdn.net/YZL40514131/article/details/132679972

版权

测试效能平台2（Python+Django）专栏收录该内容

20 篇文章 0 订阅 ¥49.90 ¥99.00

订阅专栏

超级会员免费看

本文介绍了如何将前端项目部署到服务器，涉及前端代码打包、Dockerfile编写以及使用Docker容器部署。首先，通过打包命令得到dist文件，然后将其复制到nginx文件夹并更新配置。接着，停止并删除旧的nginx容器，重新创建新的容器。Dockerfile用于构建包含前端和后端打包文件的nginx镜像，并暴露80和81端口。

摘要由CSDN通过智能技术生成

在这里插入图片描述

一、前端代码打包

1、打包命令

npm run build

2、打包完成后，将dist文件夹拷贝到nginx文件夹中

在这里插入图片描述

3、重新编写default.conf

upstream app_server {
   
    server django_app:8000;
}

server {
   
    listen       80;
    server_name  localhost;

    #access_log  /var/log/n

了解本专栏

超级会员免费看

敲代码敲到头发茂密

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
打赏
0
评论
测试平台前端部署

将前后端打包文件拷贝到容器中的/usr/share/nginx/html/目录下。之前创建的nginx容器，没有前端数据映射。暴露80（后端访问）、81（前端访问）端口。制作nginx，Dockerfile。static：后端打包文件。nginx下的文件信息。dist：前端打包文件。
复制链接

扫一扫