直接使用下面的命令就可以打包你的vue项目 npm run build 1. 打包完后你当前目录会多出个dist文件夹 然后我们需要将其放在HTTP服务器上,我选择了nginx 以上就是打包的过程,但是我遭遇了两个情况,打包后直接运行看下加载静态资源的情况发现,访问域名出现 .js 、.css等静态资源文件访问404,导致访问页面空白 经查明,...
登录腾讯云,选择控制台,打开云服务器面板,选择安全组栏 根据自己的安全组,通过添加规则开放一个端口给自己的项目,示例如下: 注意,入站规则和出站规则都要开放这个相同的端口。 2.3 在宝塔上搭建个人网站 ①、登录宝塔,在【网站】下选择【添加站点】; 注:在域名里填写两行,第一行随便起一个域名,第二行填写IP:...
docker build-t blog-view:1.0.0.// 跨平台要用这个命令,比如在 mac m1 打包,需要这样构建才能在 centos 上运行成功docker buildx build--platform linux/amd64-t blog-view:1.0.0--load.docker login--username=changyou0730@163.com registry.cn-hangzhou.aliyuncs.com docker tag blog-view:1.0.0registry....
ansible-playbook -v /opt/ansible/test/docker_vue.yml -e"HOSTS=test_vue JOB_NAME=${JOB_NAME} BUILD_NUMBER=${BUILD_NUMBER} ENV=test PROJECT_NAME=web_vue PORT=7000" 点击最下面的保存,最后点击构建即可 由于服务器运行的vue项目,映射的是非80端口,域名解析到这台服务器,是无法访问的。 因此需要使用...
docker pull nginx 下载镜像 4. 查看本地镜像 docker images 查看本地镜像 5. 启动容器 --name指定容器的主机名 -p指定容器暴露的端口 -d容器后台运行 -v给容器挂载存储卷,挂载到容器的某个目录 启动容器 6. 进入容器 进入容器 7. 安装vim工具
docker build -t project-name . 打包命令 注意有个``.`` (首次打包会比较慢) docker images 查看image命令 docker run -d -p 8080:9100 project-name 运行Image命令,9100是项目接口,8080是镜像端口,镜像运行后使用localhost:8080访问。 我们项目是直接把镜像推到阿里云容器中,阿里云上有现成的推送代码,不再赘述...
Vue项目打包成docker镜像部署 一、介绍 我们部署Vue项目,可以build之后,直接放到nginx下面即可,今天给大家介绍创建docker镜像,使用docker镜像启动容器运行部署Vue项目的方式,可以尝试尝试,原理和使用nginx部署一样,不过是使用的docker容器而已,内部还是使用的是nginx作为基础镜像。 二、docker安装 docker安装就不介绍了,不懂...
问题2:在vue项目中如何才能调用到node服务接口呢?还是得使用nginx代理。 先查到node服务的ip及端口(8080) 查看node容器的ip 有两种方式 1、docker inspect 容器ID "NetworkSettings":{"IPAddress":"172.17.0.6", 2、进入容器内查看hosts文件 apple@appledeMacBook-Pro ~ % dockerexec-it 4aaff639b31d /bin/...
RUN npm install 执行打包命令 EXPOSE 30000 暴露端口30000 ENTRYPOINT ["pm2","start"]启动命令 dockerfile ###指定java8环境镜像 FROM java:8 ###复制文件到容器eureka.jar ADD -eurekaserver.jar /eureka.jar ###声明启动端口号 EXPOSE 8100 ###配置容器启动后执行的命令 ...
docker build-t gentle-vue. 查看新生成的镜像: 代码语言:javascript 复制 docker images 6.启动容器: 代码语言:javascript 复制 #-p :配置端口映射,格式是外部访问端口:容器内端口 #-d :后台运行 #--name:给容器取名 # 最后有2个 gentle-vue,前面一个是给容器取的名字,后面一个是使用的镜像的名字 ...