一、先查看docker里面是否有nginx的镜像，没有直接去pull一个下来先查看docker里面是否有nginx的镜像，没有直接去pull一个下来
指令：docker images （查看镜像）
docker pull nginx （拉取Nginx镜像）二、首先将vue项目打包成一个‘dist’文件夹上图就是你的vue项目打包成’dist’文件后的目
转载
2024-07-03 15:38:56
694阅读
# 如何使用Docker运行Vue项目
## 1. 整体流程
```mermaid
graph TD;
A(创建Dockerfile) --> B(构建镜像);
B --> C(运行容器);
```
## 2. 具体步骤
### 步骤一：创建Dockerfile
```markdown
```Dockerfile
# 基于Node.js镜像构建
FROM node:lat
原创
2024-04-12 04:39:17
59阅读
上一篇介绍了Docker部署node.js后端应用，那么本文让我们聊聊如何用Docker部署Vue.js应用到阿里云。 假如已经编写好Vue.js应用代码，例如博主写了一个简单的demo，在页面中输出一行文字，demo代码见文章末尾。
转载
2024-01-24 10:15:40
63阅读
CentOS Stream 9 使用Docker部署项目准备下载CentOS Stream 9镜像官网服务器在境外 ，访问缓慢可以使用清华镜像官网清华镜像centos安装到本地虚拟机可以使用VMWare Worksation Player进入VMWare软件，新建虚拟机，参数默认即可，后期可以根据需求调整。由于CentOS包管理器yum的下载服务器在境外，比较慢 可以进行换源mkdir /etc/
转载
2024-06-20 11:35:17
82阅读
此文章主要介绍windows开发环境下docker部署vue项目。一、相关软件vscode、Windows版docker（安装教程见window10家庭版安装docker）、vue项目（自行搭建或使用vue-cli搭建皆可，保证可以正常打包运行即可）二、具体步骤1.首先使用vscode打开vue项目。2.本文选用 Nginx 镜像为基础来构建vue应用镜像，所以先拉取Nginx镜像到本地，在vsc
转载
2023-08-18 17:18:39
134阅读
# Docker中运行Vue项目
## 简介
Vue.js是一种流行的JavaScript框架，用于构建用户界面。它具有易学易用的特点，并且在开发过程中提供了许多便利。而Docker是一种容器化平台，可以将应用程序及其依赖项打包到一个独立的可运行单元中。在本篇文章中，我们将介绍如何使用Docker来运行Vue项目，并展示如何配置Nginx作为Vue项目的反向代理服务器。
## 准备工作
在
原创
2023-09-03 09:17:35
46阅读
Docker部署前端 vue 后端 jar/war1 Docker部署jar1.1 将jar包上传到服务器指定目录1.2 在该目录下创建Dockerfile 文件1.3 Dockerfile文件添加代码from java:8maintainerADD demo-0.0.1-SNAPSHOT.jar demo.jardemo-0.0.1-SNAPSHOT.jardemo.jarexpose 808
转载
2023-08-20 20:24:03
243阅读
VuePress简述VuePress是Vue的作者开发的一套用于快速搭建静态网站的框架，其实从它的名字就可以看出来，如果你对WordPress比较熟悉的话。VuePress的强大之处在于它是以Markdown文档为核心的，如果你已经习惯于用Markdown来写作，而且想基于此搭建一个类似于博客或官方网站类的应用，那么你是时候登录一下VuePress的官方网站了解了一下了，你应该会有所收获！当然，其
转载
2023-12-23 21:01:11
66阅读
VuePress由以Vue驱动的主题系统的静态网站生成工具和优化后的默认主题组成。在容易上手的同时，VuePress还兼容Markdown语法，因此VuePress很适合用于博客。（使用VuePress需要云服务器） 想要使用VuePress，需要对VuePress进行安装和配置。1.设置安全组 这一步的目的是开放22和8080端口。22端口令ecs可以使用SSH连接，8080端口用于实现网页浏览
转载
2024-05-14 13:45:42
61阅读
# 如何在docker中运行vue适配nginx
## 流程概述
为了在docker中运行vue，并适配nginx，需要经过以下步骤：
| 步骤 | 描述 |
| --- | --- |
| 1 | 创建一个Vue项目 |
| 2 | 编译Vue项目 |
| 3 | 创建一个Nginx镜像 |
| 4 | 创建一个Docker容器 |
| 5 | 将Vue项目部署到Nginx中 |
## 详
原创
2024-03-21 05:26:32
14阅读
Docker 部署 vue 项目#
Docker 作为轻量级虚拟化技术，拥有持续集成、版本控制、可移植性、隔离性和安全性等优势。本文使用Docker来部署一个vue的前端应用，并尽可能详尽的介绍了实现思路和具体步骤，以方便有类似需要的同学参考。Docker 是一个开源的应用容器引擎，让开发者可以打包他们的应用以及依赖包到一个可移植的容器中，该容器包含了应用程序的代码、运行环境、依赖库、配置文件等必
转载
2023-12-28 16:56:59
119阅读
前提一台服务器 ( Linux 内核系统 - CentOS 8 为例 )，如果是本地装 docker 模拟的话，跳过此阶段了解 docker 简单概念，Linux 简单操作::: warning 注意 服务器保证可以正常连接访问，国内的已备案，并开放了端口 :::题外话-服务器重装系统（以阿里云为例）登录阿里云账号，右上角打开控制台找到云服务器 ECS（点击左侧栏目），停止服务器（实例）点击左侧实
转载
2024-08-12 13:32:45
58阅读
cmd命令行创建vue框架注意：前提条件是先安装好node.js，然后配置好环境变量。这里介绍两个版本的创建；一、配置版本1.0的vue-cli框架：1、配置环境变量NODE_PATH：D:\S3S155\node.js\node_global\node_modules：2、添加环境变量path：D:\S3S155\node.js\node_global：3、打开cmd命令台全局安装vue-cli
转载
2023-12-01 11:08:21
51阅读
最近自己做了个小项目，试着使用docker来进行发布，而其中用到了node做跨越代理，就是为了解决这个问题至少多花费了我一天时间，不说了直接进入主题吧step 1 部署环境1 安装 centos 这个是首要的 centos 7
2 安装docker docker安装配置教程
step 2 vue项目根目录添加 node所需的 server.js目录机构如下prod.server.js 内容如下v
转载
2024-01-06 17:11:05
78阅读
遇到的问题为vue项目webpack-dev-server配置后本地连接服务器地址正常请求，但是打包之后请求服务器接口一直是404；Vue前端打包：1.npm run build:prod 打包 2.npm run preview 打包正式环境预览.env.product(生产环境配置)文件，我这边是将接口地址也放到了里面VUE_APP_API_URLvue.config.js文件 反向代理及路由
转载
2023-10-19 10:50:47
191阅读
Docker部署vue项目 补充1：docker部署vue项目补充2： Docker镜像+nginx 部署 vue 项目-完整版本 server {
listen 80;
server_name localhost;
#charset koi8-r;
access_log /var/log/nginx/host.acc
转载
2024-08-16 11:10:49
145阅读
前言今天是国庆中秋双节前一天，我在上海，在的知几个朋友都回老家过节了，打开携程看了看机票价格，清醒的认识到还没赚够买机票的钱！望着故乡的方向，不禁感叹！环境准备1.docker环境一个2.vue项目一个接下来主要是前端编译后的代码打包通过Dockerfile打包Docker镜像！VUE项目1.打包目录设置这里如果没有特殊要求那么建议使用默认的打包目录，如果有特殊目录设置需求的话那么需要在线面Dockerfile中配置特殊目录设置在项目根目录先创建vue.config.js文件modul
原创
2022-12-01 17:19:12
622阅读
前言用vue和webpack实现应该Todo项目，同时对构建过程进行一下小结。参考文档见文末的 Reference。一、关于包和npm1 npm简单来讲，就是 函数——模块脚本——包——库的组成关系，我们开发时，需要引入其他人的第3方包，自己在html文档里一个一个引入太麻烦，所以需要一个集合了很多第3方功能的管理工具，即npm。此外，npm 是依附于 node.js 的。2 package.js
转载
2024-09-07 19:04:22
32阅读
一：前言网上太多的教程创建Vue项目都是用命令行，黑窗口和复杂配置对初学者和学习者太不友好了，而且也很少说如何在idea中运行Vue项目。 因此，笔者将在此文引导大家用Vue ui指令来在图形化界面创建Vue项目，引入Element-ui插件，并在Idea中运行。 操作环境：win10、idea2019.1.3、node版本：v12.18.1、npm版本：6.14.5、@vue/cli 4.4.6
转载
2024-07-29 09:57:18
297阅读
目录一、概述二、vue推荐开发环境三、node介绍及安装1、npm是什么：2、node是什么3、npm和Node.js的发展4、node安装5、安装vue-cli四、新建vue项目五、打包运行一、概述我们使用Vue.js一定要安装node.js吗？准确的说是使用vue-cli 搭建项目的时候需要nodejs。你也可以创建一个 .html 文件，然后通过如下方式引入 Vue，一样
转载
2024-01-14 20:33:56
64阅读
