docker-compose+nginx代理vue+spring部署

最新推荐文章于 2023-08-22 13:55:19 发布
最新推荐文章于 2023-08-22 13:55:19 发布
阅读量154 收藏
点赞数
分类专栏： docker-compose 文章标签： docker nginx 运维 Powered by 金山文档
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/LIWENDIAN1/article/details/129616877
版权

docker-compose部署项目，前端nginx访问后端接口，yml配置使用容器名:端口访问接口

  1. 打包后端镜像back_images,dockerfile文件配置

  1. 打包命令（在dockerfile目录下运行，最后不要完了 "."）：docker build -t back_images:0.0.0 .

  1. 打包前端nginx镜像fornt_images，dockerfile配置，janbar.temp配置

a.dockerfile 打包命令（在dockerfile目录下运行，最后不要完了 "."）：docker build -t fornt_images:0.0.0 .

b.janbar.temp

  1. docker-compose.yml部署配置

  1. (docker-compose.yml目录下)docker-compose up -d

4、最后浏览器访问：服务器ip:8080,访问成功

LIWENDIAN1
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
Docker-Compose部署nginx代理Tomcat集群
05-27
Docker-Compose部署nginx代理Tomcat集群,实现负载均衡!
Minimum-reverse-proxy-demo：docker-compose nginx反向代理演示
02-05
该存储库包含一个由docker-compose编排应用程序，其中Flask和Vue服务在nginx反向代理后面运行。 警告 此应用程序及其服务尚未准备好投入生产，并且没有为部署进行适当配置。 它仅用作配置nginx并使用docker-compose...
【Docker-compose 安装Nginx、配置代理】
qq_39127761的博客
07-29 1504
Docker-compose 安装Nginx、配置代理
Docker Compose 编排Nginx+Vue+Springboot项目实例
yiyuzz的博客
04-06 1843
Docker Compose 首先分别部署前后端项目，确定没问题之后使用compose统一管理 Vue项目部署到nginx使用docker镜像 打包前端项目 npm run build #我是用的vue2版本，使用此命令打包，生成到dist文件夹下 上传并编写配置文件 接下来要把这个包上传到服务器，我用的是FileZilla，目录结构如下图所示 路径是/usr/local/nginx/vue，这里放创建nginx镜像所需要的文件，dist就是打...
十七、docker学习-docker-compose安装nginx反向代理
杨村的博客
07-02 699
idea安装docker插件。Dockerfile、docker-compose.yml文件大部分内容会有提示信息。方便开发人员编写配置文件。
实战docker，构建nginx反向代理tomcat，学习link和docker-compose
热门推荐
程序员欣宸的博客
04-16 1万+
在docker中启动nginx和tomcat，通过nginx转发请求到tomcat上，实现负载均衡
使用Docker容器部署RuoYi-Vue前后端分离项目
06-20
此次部署项目是我亲身经历，而且是一次性部署成功，没有部署超过两次甚至多次的情况，过程虽然很艰难，但结果还是很满意的，我希望大家用心去部署这个项目，你会发现部署这个项目其实不难
docker-compose.yml
03-04
docker-compose 部署前后端项目示例，vue nginx ，springboot mysql
flask-vue-semantic-docker：Flask + VueJS + SemanticUI + Nginx + Docker样板。 另请参阅https：pypi.python.orgpypifvsd
02-05
如果要设置生产和开发环境，设置docker + nginx + flask + vue +语义并不是一件容易的事。 这是我的尝试。 请注意，某些容器不完整（ux），因为vue没有非交互式安装。入门# make sure you have fabric3 installed# ...
docker下nginx配置压缩字体和图片等配置
01-11
docker nginx容器设置压缩字体和图片配置 图片，字体等文件压缩配置 docker-compose 配置
使用dockercompose搭建springboot-mysql-nginx应用
09-09
主要介绍了使用dockercompose搭建springboot-mysql-nginx应用，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
docker+nginx部署vue项目在服务器上
weixin_44747173的博客
10-28 2318
在上述的部署中我们发现一个很大的缺陷就是如果项目修改之后要重新部署的话十分麻烦，必须得先把打包文件上传到服务器，再从服务器上传到容器中，而且如果要修改配置的话也得先进入服务器再从服务器进入到容器中修改，那是否有更加简单的方法呢，答案是肯定的，有！使用docker-compose部署的好处就是他将原本要传入容器的dist文件和要在容器中修改的配置文件挂在了外面，这样就可以不用进入容器操作了。先将dist文件上传到宿主机(服务器)，上传可以使用xftp，再从宿主机将文件copy到容器中。
centos 7 安装 docker-compose curl 设置代理
nongcunqq的博客
08-22 1035
有这样的输出代表安装成功。3.确认是否安装成功。
docker-compose安装nginx实现vue项目部署
weixin_43224069的博客
06-19 336
【代码】docker-compose安装nginx实现vue项目部署。
阿里云使用Docker-compose搭建Traefik代理服务器,包含最通用docker-compose安装最新版本
qq_43657722的博客
10-17 2354
阿里云使用Docker-compose搭建Traefik代理服务器,包含最通用docker-compose安装最新版本
使用docker-compose 编排用nginx做代理中间件的Django+Vue前后端分离项目
南意的博客
06-27 1178
本文将致力于实现搭建一个容器化的使用nginx做代理中间件的 Django+Vue前后端分离的项目。
Centos8.2下使用Docker-Compose+uWSGI+NGINX部署Django+Vue-cli项目
Cheryl_Xu的博客
05-06 1938
文章目录前言一、部署流程1、项目结构2、django目录下新建Dockerfile3、编辑uWSGI文件4、NGINX/Dockerfile配置5、NGINX/nginx-app.conf配置6、docker-compose.yml7、容器构建与启动8、易错点说明① 前端接口 前言 学习的文档： docker-compose部署nginx+uwsgi+django项目： https://blog.csdn.net/a914541185/article/details/103363599 vue + dj
docker-compose 编排 vue + nginx
xiliangMa的博客
12-11 1268
采用 npm run 的模式启动 vue 项目 端口 8080 nginx 8089 做代理转发到 vue 8080 1. 准备 vue 项目的 Dockerfile 比较简单将vue项目做成 docker镜像 直接启动即可。 FROM node:12 MAINTAINER user "xxx@xxx.com" EXPOSE 8080 WORKDIR /usr/share/workpa...
Docker部署前后端分离项目（Docker+Nginx+Vue+SpringBoot）
baozaoderenlei的博客
07-20 1109
Docker部署前后端分离项目（Docker+Nginx+Vue+SpringBoot）
docker-compose nacos跨域配置
最新发布
09-01
在docker-compose中配置nacos的跨域可以通过修改nginx.conf文件来实现。根据给出的引用，我们可以看到docker-compose中的nginx服务使用了一个挂载的nginx.conf文件。因此，我们可以在该文件中进行跨域配置。 具体的步骤如下： 1. 打开挂载的nginx.conf文件，该文件路径为/pook/nginx/nginx.conf。 2. 在文件中找到http模块下的server模块。 3. 在server模块中添加以下配置代码来实现跨域： ``` location / { # 允许的域名 add_header Access-Control-Allow-Origin *; # 允许的请求方法 add_header Access-Control-Allow-Methods "GET, POST, OPTIONS"; # 允许的请求头 add_header Access-Control-Allow-Headers "Origin, X-Requested-With, Content-Type, Accept, Authorization"; # 允许携带凭证(cookie) add_header Access-Control-Allow-Credentials true; } ``` 4. 保存文件并重启docker-compose服务。 这样，你就成功配置了docker-compose中nacos的跨域设置。现在，nacos将允许来自任何域的请求，并支持常用的请求方法和头部信息。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* *3* [Nginx部署前段VUE---docker-compose编排方式](https://blog.csdn.net/weixin_42437633/article/details/108932338)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 100%"] [ .reference_list ]

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值