npm runbuild# 执行该指令后,在项目根目录中生成dist文件夹 5、将dist文件夹压缩并上传到挂载目录中:/usr/local/nginx/ 6、进入挂载目录,并解压出dist目录,我们的index.html则在dist目录下: 7、在与dist同目录下,创建Dockerfile文件,vim Dockerfile: FROMnginxCOPY./dist/ /usr/share/nginx/html/COPY./default...
这样一来,当运行npm run serve的时候,就会运行.env和.env.development文件,process.env.VUE_APP_baseUrl就会被赋值为"http://localhost:8080/dcxt/shop/",(这里有个坑,就是这几个baseurl必须用双引号,不能用单引号,不然部署到测试环境的时候会直接把这个当字符拼接在当前路劲之后。) 而当运行npm run test 就...
1.安装好 nginx 。 2. 把 vue 项目的源码克隆到确定目录下。用 git 管理,所以直接 git clone 到既定目录就行了。 如我的目录是:/root/jiangyu/projects/gentle_vue/gentle_vue_code 。 3. 项目打包: 代码语言:javascript 复制 npm run build 会自动生成 dist 文件夹 。 4. 在任意目录下新建文件 dockerf...
在项目根目录,利用Dockerfile创建docker镜像,执行docker构建镜像的命令 apple@appledeMacBook-Pro vue-docker % docker build -t vuenginxcontainer .[+]Building 0.1s(5/5)FINISHED=>[internal]load build definition from Dockerfile 0.0s=>=> transferring dockerfile: 54B 0.0s=>[internal]load .dockerignore 0...
docker pull ubuntu:24.04 Dockerfile # 指定基础镜像 FROM ubuntu:24.04 #配置环境变量指定到容器内的目录(通过通过这个环境变量来引用/usr/local这个路径) ENV JAVA_URL=/usr/local # 拷贝jdk到容器内 COPY ./jdk17.tar.gz $JAVA_URL #拷贝自己的项目的jar包到容器内 ...
部署步骤: 安装docker 拉取java:8镜像,后端项目使用maven打包,上传jar包到服务器指定目录/mydata,编写Dockerfile文件,将后端项目打成镜像文件。 拉取mysql:8.0.19、redis:6.0.8、nginx:1.18.0镜像。 编写docker-compose.yml文件,使用docker-compose容器编排管理容器运行。
一. Vue项目打包 这里说下,我服务器本身就有Nginx服务,所以我只需要将Vue项目进行打包然后上传到服务器,Nginx能访问到即可,并未使用到Docker进行构建 1.1 通过命令打包 进到项目根目录然后执行打包命令 代码语言:javascript 复制 cd 项目根目录 npm run build:prod ...
vue 部署docker容器 1、修改 vue.config.js 配置文件 若没有这个配置文件,就在项目根目录新建一个,增加以下配置: module.exports = {# 生产环境是否要生成 sourceMapproductionSourceMap: false,# 这个值也可以被设置为空字符串 (’’) 或是相对路径 (’./’),这样所有的资源都会被链接为相对路径,这样打出来的...
一、准备工作 1. 首先在项目根目录创建Dockerfile文件 文件内容为: 2. 在项目根目录创建 nginx.conf 文件 文件内容为: 二、打包镜像并上传阿里云私有...
现在你可以访问http://localhost:8080来查看部署成功的 Vue 项目了。 更新和扩展 如果你的 Vue 项目发生了更新,你只需在项目根目录下重新执行构建和运行的步骤,Docker 将会自动更新容器中的应用程序。 另外,如果你想添加其他服务(例如数据库),你可以通过 Docker 的网络功能实现应用程序之间的通信,并在 Dockerfile ...