1·.在vue项目的main.js加axios.defaults.baseURL = ‘/api’,所有的请求都会加上/api/,这是危机将nginx的所有请求到后端,也有不增加的方法,要在nginx的配置中修改 axios.defaults.baseURL = '/api' 1. 2.使用npm run build打包,vue项目路径下会增加一个dist文件夹,里面的东西后面会用到 npm run build 1...
ssl_certificate /etc/nginx/ssl/blog.yilele.site.pem;#nginx的ssl公钥,注意是pem后缀,可以根据阿里云ssl下载的格式填写 ssl_certificate_key /etc/nginx/ssl/blog.yilele.site.key;#nginx的ssl私钥 # 再根据 docker-compose.yml 文件推出ssl证书上传的目录: volumes: - /mnt/docker/nginx/:/etc/nginx/ 上传...
在springBoot项目中编写docker-compose.yml文件 version:"1"#版本 services:#要使用到的镜像 nginx:# 服务名称,用户自定义 image: nginx:latest# 镜像版本 ports: - 80:80# 暴露端口 volumes:# 挂载 - /root/nginx/html:/usr/share/nginx/html - /root/nginx/nginx.conf:/etc/nginx/nginx.conf - /home/...
1.在docker-compose目录下新建VueConfiguration文件夹(此文件夹将放vue项目)。 2.终端进入VUE项目根目录,执行cnpm run build命令后,将新出现的dist文件夹整个拷贝到VueConfiguration目录下。 3.在docker-compose目录下新建NginxConfiguration文件夹(此文件夹将放nginx配置文件)。在NginxConfiguration文件夹下新建conf.d(设置...
docker compose nginx 和网页 docker swarm nginx,vue+node项目使用nginx部署到docker单机及dockerswarm集群这里vue配置文件是使用的动态加载,如果需要可以参考我之前的文章:先看一下大概目录:1、打包将项目打包到dist目录这里配置了生产环境需要的配置文件,所以打包命
② 编写docker-compose.yaml ③ mysql、redis、nginx的配置 ④ 启动dockerCompose编排 ⑤ 导入数据[数据库表数据、前端静态web资源] ⑥ 测试访问,并排除错误 一、blog_api 制作镜像 1、上传打包生成的jar包,上传到/mnt/docker/ 目录,并修改jar包的包名为 blog_api.jar ...
本文将通过docker-compose来部署前端Vue项目到Nginx中,和运行后端SpringBoot项目 服务器基本环境: CentOS7.3 Dokcer MySQL 二、docker-compose 部署Vue+SpringBoot 前后端分离项目 整体项目配置结构,这里在不影响原来项目的结构,因此将所有配置文件都提出来存放到docker文件夹内了,但注意docker-compose文件须放到项目总的根...
一、前言 本文将通过 来部署前端Vue项目到Nginx中,和运行后端SpringBoot项目 服务器基本环境: 1. CentOS7.3 2. Dokcer 3. MySQL 二、docker compose 部署Vue+SpringBoot 前后端分离项目 整体项目配置结构,这里在不影响原来项目的
在docker-compose文件中定义环境变量:在services部分的vue app服务中,添加environment字段,并在其中定义需要传递的环境变量。例如: 代码语言:txt 复制 services: vue-app: environment: - API_URL=http://api.example.com 在nginx配置文件中使用环境变量:在nginx的配置文件中,可以使用env指令来引用docker-compose...
vue web端,服务监听端口为8080。 先贴docker-compose.yml的代码: version:"3"services:nginx:image:nginx:1.16.0container_name:nginx-1.16.0-containervolumes:- ./project-config/nginx/nginx.conf:/etc/nginx/nginx.conf - ./project-config/nginx/conf.d/default.conf:/etc/nginx/conf.d/default.confports...