Vue Docker部署--Dockerfile书写_cloudbuild上vue项目的dockerfile怎么写-程序员宅基地

技术标签： Vue.js Dockerfile Nginx Docker 项目实战

前一阵有一个项目是采用Vue.js作为前端技术栈开发的，在实际部署的时候采用的是Webpack打包，然后用Nginx作为代理服务器，然后采用Daocloud平台，将其作为Docker容器部署。

由于后台也是采用Docker部署，所以我们并不知道后台的IP地址，没有办法采用常见的将自己定义的Nginx配置文件default.conf替换默认文件，常见方式的实现是：

RUN rm /etc/nginx/conf.d/default.conf //删除nginx 默认配置

ADD default.conf /etc/nginx/conf.d/ //添加自己的配置 default.conf 在下面

COPY dist/  /usr/share/nginx/html/

我采用的解决方式是将Nginx配置文件中的proxy_pass 的值设为自定义的环境变量{HOST_IP}（可自定义变量名），这样在生成Vue Docker时可以定义环境变量为后台的IP地址，就解决了未知后台地址的Vue Docker搭建。

Nginx的配置文件如下

server {
    listen       9000;
    server_name  localhost;

    location / {
        root   /usr/share/nginx/html;
        index  index.html index.htm;
    }
    
    #change
    location /api/ {
      proxy_pass ${HOST_IP};
    }


    #error_page  404              /404.html;

    # redirect server error pages to the static page

本文链接：https://blog.csdn.net/qq_38486568/article/details/81055519

原作者删帖不实内容删帖广告或垃圾文章投诉

智能推荐

oracle 清空回收站

--清除回收站中当前用户下的对象。---清除回收站中指定用户的表。---清除回收站中所有的对象。

GAMS104 现代游戏引擎 2

5，渲染中光和材质的数学魔法，6，7，游戏中地形大气和云的渲染，游戏中的渲染管线，后处理等

cube station下载_Cube Station-程序员宅基地

文章浏览阅读1.8k次。《Cube Station》由著名竞速魔方品牌——GAN 魔方全新推出，配套 GAN 356i 智能竞速魔方使用，实现了个人训练与在线对战两大核心功能，以全面详尽的数据纪录及新鲜刺激的多样玩法，助力全球魔友提升专业水平，尽享竞速之趣。《Cube Station》由著名竞速魔方品牌——GAN 魔方全新推出，配套 GAN 356i 智能竞速魔方使用，实现了个人训练与在线对战两大核心功能，以全面详尽的数..._cube station

K8S 亲和性与反亲和性

在 Kubernetes 中，亲和性（Affinity）是一种用于控制 Pod 调度的机制，它允许你指定 Pod 如何与节点进行互动，以便将 Pod 调度到合适的节点上。亲和性可以分为两种类型：节点亲和性（Node Affinity）和 Pod 亲和性（Pod Affinity）。

JMeter--配置元件--HTTP请求默认值

组件中，比如：协议、IP、端口号、编码等；然后在每个http请求的配置元件中，编辑自己独有的信息即可；参数传递格式：application/x-www-form-urlencoded。参数传递格式：multipart/x-www-form-data。一个线程下可以同时存在多个http请求，可以把公共参数，提取到。一般 POST 使用；

代码随想录训练营总结篇

总结