首页 > 其他分享 >部署测试平台-部署前端

部署测试平台-部署前端

时间:2024-03-16 22:23:23浏览次数:16  
标签:查看 部署 前端 imos nginx 测试 docker

1. 打包前端

进入前端根目录,执行npm run build

 打成的包是放在dist文件夹下面:

2. 把打好的前端dist包下所有的文件放到nginx挂载目录/root/website/web/imos下

 

nginx挂载前端的目录,步骤请参https://www.cnblogs.com/quxue/p/18067316

3.检查:

浏览器打开链接: http://服务器ip:前端端口/     不出意外的话,会看到登录页面

 如果没看到登录页面,可以按以下步骤排查问题:

1.先查看nginx容器是否起来了,docker ps | grep nginx 

2.查看服务器是否对外开放了前端端口

3.查看nginx日志文件报错内容:

 如果登录不了,F12查看接口报错,可以按以下步骤排查问题:

1.查看后端容器进程是否正常,docker ps | grep imos

2.查看后端日志,docker logs -f --tail=100 imos

3.查看服务器对外是否开放了端口

最后,见证奇迹时候,完成测试平台生产环境的部署:

 

标签:查看,部署,前端,imos,nginx,测试,docker
From: https://www.cnblogs.com/quxue/p/18077766

相关文章

  • 测试使用
    KNN、K-Means和FCMk近邻法k近邻法(k-nearestneighbor,k-NN)是一种基本的分类和回归方法,其分类的主要思想是:给定一个训练数据集,其中实例的类别已经确定,分类时,对于新的实例,根据其k个最近邻的训练实例的类别,通过多数表决等方式进行预测。k-NN三个基本要素k值的选择距离度量分......
  • 纯前端实现 PNG 图片压缩 | UPNG.js
    在线Demo体验地址→:https://demos.sugarat.top/pages/png-compress/前言最近在迭代自己的图床应用,由于使用时间的累计,存储空间占用越来越大了,在做Web应用的时候会随手拿tinypng压缩一下图片。想着给咱图床也加个压缩的功能,这样上传/访问也能省点......
  • LLM大语言模型(七):部署ChatGLM3-6B并提供HTTP server能力
    目录HighLight部署ChatGLM3-6B并开启HTTPserver能力下载embedding模型bge-large-zh-v1.5HTTP接口问答示例LLM讲了个尴尬的笑话~HighLight将LLM服务化(如提供HTTPserver能力),才能在其上构建自己的应用。部署ChatGLM3-6B并开启HTTPserver能力下载embedding模型bge-l......
  • AI预测福彩3D第10弹【2024年3月16日预测--第2套算法重新开始计算第2次测试】
            今天继续开始咱们第2套算法的验证,计划每套算法连续测试10期,达到50%的命中率即为较优的模型,可继续使用。老规矩,先上图表,再下结论~                最终,经过研判分析,2024年3月16日福彩3D的七码预测结果如下:百位:1354798十位:324......
  • 【性能测试】性能测试各知识第2篇:【附代码文档】
    性能测试完整教程(附代码资料)主要内容讲述:性能测试大纲。。。。。。。。。。。。。。全套笔记资料代码移步:前往gitee仓库查看感兴趣的小伙伴可以自取哦,欢迎大家点赞转发~性能测试工具-LoadRunner学习目标1.理解基于VuGen的脚本录制2.掌握参数化的使用方法3.掌握关联......
  • perl 用 XML::LibXML DOM 解析 Freeplane.mm文件,生成测试用例.csv文件
    Freeplane是一款基于Java的开源软件,继承Freemind的思维导图工具软件,它扩展了知识管理功能,在Freemind上增加了一些额外的功能,比如数学公式、节点属性面板等。在云计算中,解析XML元素和属性是一种常见的操作,因为XML是一种常见的数据交换格式,可以用来表示各种不同的数据结......
  • Windos下在K230开发板上部署模型
    一、模型训练在嘉楠开发者社区进行模型训练,具体过程可参考b站视频和嘉楠官方流程 识图找“bug”:基于勘智K230实现昆虫检测任务_哔哩哔哩_bilibili嘉楠开发者社区二、镜像烧录在此处根据自己的板子下载对应的压缩包,然后解压得到镜像源。Releases·kendryte/k230_sdk......
  • <爬虫部署,进阶Docker>----第二章 安装Docker
    前言:安装docker---本章是只针对windows的Docker! 如果你需要你就往下看,不需要就换频道~正文:1.安装Docker前配置a.开启虚拟化功能(VT)  -如果你电脑有这个(虚拟化已启用)        直接跳过这一步;如果没有,那你就去对照自己电脑开启虚拟化; 相关链......
  • 前端React篇之React setState 调用的原理、React setState 调用之后发生了什么?是同步
    目录ReactsetState调用的原理ReactsetState调用之后发生了什么?是同步还是异步?ReactsetState调用之后发生了什么?setState是同步还是异步的ReactsetState调用的原理在React中,setState方法是用于更新组件状态的重要方法。当setState被调用时,React会对组件进......
  • 【前端】移动端布局
    目录1.移动端特点分辨率二倍图 2.百分比布局3.flex布局 3.1flex布局模型3.2主轴对齐方式 3.3 侧轴对齐方式3.4flex属性 1.移动端特点PC端网页和移动端网页的不同PC端网页:屏幕大,网页固定版心 jd.com移动端网页:屏幕小没有版心网页宽度多数为100% mjd.c......