vue打Docker镜像动态获取IP-nginx做的web服务

简介: vue打Docker镜像动态获取IP-nginx做的web服务

.首先编写启动脚本 start.sh

#!/bin/sh
sed -i  's@<html@<html  VUE_APP_URL=' "$VUE_APP_URL"'@' /usr/share/nginx/html/index.html
 
nginx -g "daemon off ;"

2.打docker镜像的Dockerfile

Dockerfile
FROM nginx:1.17.6
COPY .dist /usr/share/nginx/html
COPY ./start.sh /app/
EXPOSE 8080
WORKDIR /app
ENTRYPOINT ["/app/start.sh"]

3.vue的main.js配置中设置

const  VUE_APP_URL = document.querySelector("html").getAttribute("VUE_APP_URL");
console.log(`${VUE_APP_URL }`);
console.log(VUE_APP_URL );
 
console.log(process.env.VUE_APP_URL )


相关文章
|
5月前
|
缓存 Shell 网络安全
将应用程序打包成Docker镜像时可能遇到哪些问题?
将应用程序打包成Docker镜像时可能遇到哪些问题?
477 77
|
5月前
|
Shell 应用服务中间件 nginx
docker 镜像的部分常用命令
docker镜像常用命令
173 16
|
5月前
|
关系型数据库 MySQL Docker
|
Web App开发 测试技术 应用服务中间件
|
Web App开发 监控 前端开发
|
Web App开发 应用服务中间件 PHP
|
Web App开发 应用服务中间件 Apache
|
1月前
|
编解码 应用服务中间件 Linux
centos配置nginx-rtmp实现ffmpeg转码rtsp为rtmp视频流
centos配置nginx-rtmp实现ffmpeg转码rtsp为rtmp视频流
147 1