我的VUE-PHP全栈项目终于做好了，今天进行打包、上线。这是我第一次发布Vue项目+部署Nginx服务器。本文章将记载打包的步骤、遇到的问题等。以供将来参考。 1.首先什么也不配置，裸打包试试！ npm run build。直接执行打包，然后在webstorm里边运行（点击右上角的浏览器图标）。 发现首页空白。2.配置打包路径，增加一个点. （P.S
转载
2024-10-29 19:37:22
23阅读
docker上启动nginx,并配置修改nginx的配置文件1.使用docker下载nginx 镜像 docker pull nginx2.启动nginx: docker run --name nginx -p 80:80 -d nginx
转载
2021-04-03 14:48:00
139阅读
1、安装nginx2、打包vue项目npm run build生成3、配置nginx location
原创
2023-02-22 10:50:38
265阅读
vue.js项目部署到服务器docker容器上网上看到大部分都是使用nginx镜像通过反向代理进行部署，但是我试过很多遍都没有部署成功，后面使用了node镜像部署。总结一下我使用node部署的步骤，如下：我这里vue项目名为bigdata，是通过远程服务器的docker进行部署,保存的目录在/root/vue/下1、把项目bigdata通过xftp传到/root/vue目录下 2、拉取node镜像
转载
2023-08-18 17:19:23
162阅读
## 使用Docker部署Vue应用到Nginx
在Web应用的开发和部署过程中，Nginx是一个广泛应用且非常强大的Web服务器。而Docker则是一种轻量级的容器化技术，可以简化应用的部署过程。在本文中，我们将介绍如何使用Docker来部署Vue应用到Nginx。
### Docker和Nginx简介
Docker是一种容器化技术，可以将应用及其依赖打包成一个独立的容器，从而实现应用的隔
原创
2023-08-03 03:10:36
119阅读
open /usr/local/etc/nginx/成功打开nginx目录，也可以看到如info所说servers目录以及nginx.conf的配置文件（后面会用到这个配置文件）。但我们并没有找到nginx被安装到了哪里。终端继续执行：open /usr/local/Cellar/nginx //其实这个才是nginx被安装到的目录会看到一个以当前安装的nginx的版本号为名称的文件夹，这个就是我
转载
2024-08-07 15:18:35
987阅读
目录一、概述1.1 技术栈1.2 项目结构二、开始部署 三、启动mirai3.1 初始化mirai3.2 在mirai上登录QQ3.3 自动登录 出现mirai登录时提示版本过低：当前QQ版本过低，请升级至最新版本后再登录。点击进入下载页面报错时候删除mirai/bots文件夹里面的数据四、编写配置文件五、验证5.1 启动mirai容器5.2 启动主程序容器六、使用方法一、概述
在之前的开发当中都是后台处理上传，前端负责上传接口调用，涉及到直传到阿里云对象存储服务（oss），查阅了相关资料，分享出来希望能帮助到遇到这个需求的小伙伴，下面是具体的步骤。使用oss1.使用 npm 安装ali-ossnpm install ali-oss --save2.写一个公用的ali-oss.js// 引入ali-oss
let OSS = require('ali-oss')
转载
2024-10-08 18:21:36
33阅读
# Docker Nginx部署Vue项目教程
## 一、流程概述
在这篇文章中，我会教你如何使用Docker来部署Vue项目。下面是整个流程的概述：
| 步骤 | 描述 |
|---|---|
| 1 | 创建Vue项目 |
| 2 | 编写Dockerfile |
| 3 | 构建Docker镜像 |
| 4 | 运行Docker容器 |
接下来，我会逐步详细介绍每个步骤需要做什么，并
原创
2023-08-17 08:43:59
155阅读
# Docker部署Nginx + Vue项目
## 1. 整体流程
以下是部署Nginx + Vue项目的整体流程：
| 步骤 | 描述 |
| --- | --- |
| 1 | 创建Vue项目 |
| 2 | 构建Vue项目 |
| 3 | 创建Dockerfile |
| 4 | 构建Docker镜像 |
| 5 | 运行Docker容器 |
## 2. 具体步骤及代码注释
##
原创
2023-08-13 15:46:06
207阅读
要在Docker中部署Nginx和Vue应用，简化过程非常重要。以下是详细的教程，涵盖从环境准备到扩展应用的各个方面。
在部署Vue应用时，Nginx作为反向代理服务器处理客户端请求，并提供更好的性能与安全性。使用Docker进行容器化部署，不仅能让环境一致，还能降低部署复杂性。接下来，我们按照逻辑的顺序逐步进行。
### 环境准备
确保您已经安装了以下前置依赖：
- Docker
- Do
# 用Docker部署Nginx和Vue
在现代web开发中，使用Docker来部署应用程序已经成为一种广泛采用的方式。本文将介绍如何使用Docker来部署一个Nginx服务器和一个Vue.js应用程序。
## 1. 准备工作
在开始之前，确保你已经安装了Docker和Docker Compose。如果没有安装，可以在[Docker官网](
## 2. 编写Nginx配置文件
首先，创建
原创
2024-05-31 04:33:41
56阅读
前言在前端开发过程中经常是需要把前端静态资源放到服务器中看效果，这时经常用到nginx来配置。1. 什么是nginxNginx是一款高性能的http 服务器/反向代理服务器及电子邮件（IMAP/POP3）代理服务器。 由俄罗斯的程序设计师Igor Sysoev所开发，官方测试nginx能够支支撑5万并发链接， 并且cpu、内存等资源消耗却非常低，运行非常稳定。2. 应用场景我们这次用到的是 htt
转载
2023-12-07 12:05:30
119阅读
vue项目部署到nginx（超级详细）系统：ubuntu20 安装nginx： 可以先创建一个nginx目录，我的目录在 /usr/local/nginx下一、安装nginx1. 安装依赖$ sudo apt-get install gcc zlib1g-dev libpcre3 libpcre3-dev libssl-dev2. 下载nginx$ wget https://nginx.org/d
转载
2024-02-25 10:43:09
340阅读
下载nginxdocker pull nginxdocker images# 创建挂载目录
mkdir -p /home/nginx/conf
mkdir -p /home/nginx/log
mkdir -p /home/nginx/html容器中的nginx.conf文件和conf.d文件夹复制到宿主机# 生成容器
docker run --name nginx -p 80:80 -d ngi
转载
2024-06-09 20:14:58
67阅读
参考文档：手把手教你用参考文档：dockerfile 部署前端vue项目_vue dockerfile-CSDN博客 nginx文档:使用docker安装nginx - 静以修身俭以养德 - 博客园 (cnblogs.com)结合使用了两个文档的方法和DockerFIle区别第一篇使用的是删除nginx默认的 default.conf配置文件然后通过DockerFile进行替换serve
原创
2024-07-15 11:56:16
131阅读
# 如何将Vue项目打包部署到Nginx
## 简介
在开发完Vue项目后，需要将其打包并部署到生产环境中进行展示。Nginx是一个流行的Web服务器和反向代理服务器，可以帮助我们实现Vue项目的部署。
### 步骤概览
以下是将Vue项目打包部署到Nginx的整体步骤：
| 步骤 | 描述 |
| ------ | ------ |
| 1 | 打包Vue项目 |
| 2 | 部署Ngin
原创
2024-05-30 09:54:26
113阅读
作为一名经验丰富的开发者，我将向你介绍如何将Vue应用部署到Nginx服务器上。首先，让我们了解一下整个部署的流程。我们将分为以下步骤进行部署：
| 步骤 | 操作 |
|------|-------------------------------|
| 1 | 构建Vue应用 |
| 2 | 配
原创
2024-05-24 11:01:49
20阅读
Linux+Nginx部署Vue项目（dist文件）项目场景： 项目场景：Linux部署Vue项目 思路： 1.将Vue项目打包成dist包 2.将dist包上传到服务器 3.安装Nginx 4.配置Nginx[nginx.conf] 5.重启Nginx 操作：1.1 打包dist文件：【打包时遇到的问题】： 【现象】：> node build/build.js
\ building
前期准备工作：1. 准备一台服务器；2. 根据服务器的系统环境安装配置Nginx;3. 了解Nginx的配置文件，了解常用的linux系统操作命令4. 进行Vue项目的打包部署 因为我只是单纯的想试下平时我们打包好的dist文件是怎样部署到服务器，并让它跑起来的，所以我就选择
转载
2024-03-08 23:57:13
153阅读
