基础架构系列篇-NGINX部署VUE

最新推荐文章于 2024-05-12 19:23:22 发布
最新推荐文章于 2024-05-12 19:23:22 发布
阅读量201 收藏
点赞数
分类专栏： 架构 文章标签： vue nginx linux 服务器 centos
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hudongdong2020/article/details/114040953
版权

目录

1. 本地打包VUE

	cnpm run build 或 npm run build

2. 上传到服务器

	上传dist目录的index.html与static文件夹到nginx的html目录

在这里插入图片描述

3. 修改NGINX

打开nginx.conf
vim conf/nginx.conf
可修改listen的端口与server_name的域名或地址IP

在这里插入图片描述

./sbin -s reload

4. 打开服务器端口

打开服务器端口8090外网访问

5. 验证

浏览器访问 服务器IP:8090
dong-123456
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
db_monitor:python+Django+Vue数据库监控平台 OracleMySQLRedisLinux基础+性能监控
05-01
DB monitor数据库监控平台 特性 构建: 前后端分离架构，Python+Django+restframework提供后台API，celery定制数据采集策略，Iview作为前端展示 UI: 开箱即用的高质量前端设计，提供丰富的图表、指标展示，核心数据形成趋势图分析 深度定制: 提供完整可用的数据监控方案，告别冗长SQL脚本、常用手册，复杂数据通过web页面即可轻易浏览 功能简介 资源管理 Oracle/MySQL/Redis/Linux资源信息录入 资源管理中各类设备信息作为采集设备来源，支持动态加入实例监控列表 实例列表 查看各监控实例列表及详细信息 监控告警 告警配置及告警信息查看 数据库部署 支持Oracle19c RAC/RAC One Node/单实例，MySQL5.7/8.0单实例部署 环境 Python 3.6 Django 2.2 Django Rest Frame
Distribute:离港前端软件升级系统（Eclipse + SSM + Vue）部署环境
03-16
1文档简介 本文档主要描述离港前端软件升级系统的体系架构，模块设计方案，数据设计以及网络接口设计等。体系架构描述软件使用的技术和总体设计指南，模块设计方案说明各功能的实现逻辑与结构，数据设计指的是这里涉及的系统数据库结构设计，web接口设计描述了前一段之间的web数据接口。 2总体架构 系统设计秉承“前阶段分离/ SOA”的总体思想，使用Vue / ElementUI作为主要框架技术，Nginx作为HTTP服务器，提供提供静态页面访问服务和反向代理作用；并以此为基础的SSM主流框架技术主要，采用MySQL开放源码数据库，前进行使用Restful规范交换数据。 系统采用JWT令牌鉴权方式，降低服务器运行消耗，提升系统的伸缩性和扩展性。 2.1运行原理： 该系统开发环境是基于： Eclipse：2020-06版本， 网络风暴：2020-02版本， Jdk：1.8版本 MySQL的：5.
基于SpringBoot+Vue的外卖网上点餐系统源码+项目说明.zip
01-08
【资源说明】 1、基于SpringBoot+Vue的外卖网上点餐系统源码+项目说明.zip 2、该资源包括项目的全部源码，下载可以直接使用！ 3、本项目适合作为计算机、数学、电子信息等专业的课程设计、期末大作业和毕设项目，作为参考资料学习借鉴。 4、本资源作为“参考资料”如果需要实现其他功能，需要能看懂代码，并且热爱钻研，自行调试。 基于SpringBoot+Vue的外卖网上点餐系统源码+项目说明.zip 基于SpringBoot+Vue的外卖网上点餐系统源码+项目说明.zip 基于SpringBoot+Vue的外卖网上点餐系统源码+项目说明.zip **系统一个共有三个端，分别是用户端、商家端和骑手端 项目的架构是SpringBoot和Vue的前后端分离，数据库为MySQL+Redis，MyBatis、Swagger接口文档、Shiro安全框架，3个客户端分别对应3个角色具有不同操作权限， 使用了主流的 **七牛云图片文件服务器** /本地存储两种文件上传访问方式，前后端采用Restful接口风格对接，采用Websocket通讯实时交互。 :hand: 用户端和骑手端采用移动端UI框架Vant、商家端使用ElementUI 项目部署上采用Doker虚拟化技术部署在自己的阿里云上，整合合Nginx、Haproxy和keepalived,从数据库到后端、前端均采用多节点负载均衡策略部署。 整个项目用的都是目前主流的技术，覆盖前后端各个技术的基础，从数据库，到后端，再到前端，再部署上云，覆盖了前后端开发部署的全部流程及各种细节。
2024年前端最全vue项目如何部署到nginx服务器，2024年最新被面试的公司拒绝了,还能再去要求面试吗
最新发布
2401_84619986的博客
05-12 1207
wq。
Nginx部署VUE项目
热门推荐
Asurplus
03-08 20万+
Nginx (engine x) 是一个高性能的HTTP和反向代理web服务器，是部署前端项目的首选，在 Nginx 中部署 vue 项目的步骤如下： 1、原始配置文件如下 worker_processes 1; events { worker_connections 1024; } http { include mime.types; default_type application/octet-stream; sendfile on;
【kafka系列】centos7系统安装kafka
增量星球
09-25 3173
目录一、准备二、安装与配置三、配置文件详解四、运行1.启动zookeeper服务2.启动kafka服务3.创建topic4.查看topic5.产生消息：kafka-console-producer.sh6.消费消息：kafka-console-consumer.sh7.查看描述 Topic 信息8.删除topic 一、准备 确保服务器上已经搭建完成JDK，zookeeper服务； 如果未搭建完成，请移步参考以下文章： 安装zookeeper: https://blog.csdn.net/xuan_lu/ar
读取topic，查看有哪些topic，删除topic,创建topic生产者
weixin_45762425的博客
12-13 1642
kafka-console-consumer --bootstrap-server localhost:9092 --topic three --from-beginning kafka-topics --list --zookeeper localhost:2181
docker镜像wurstmeister/kafka、confluentinc/cp-kafka 和 bitnami/kafka
时时刻刻看着自己的心的专栏
05-20 1591
Confluent是一个提供企业级Kafka解决方案的公司，他们的镜像提供了更全面和功能齐全的Kafka部署。bitnami/kafka: 这个镜像由Bitnami维护，Bitnami是一个提供各种流行应用的Docker镜像和软件包的公司。bitnami/kafka镜像提供了一个简单且易于使用的Kafka部署。wurstmeister/kafka、confluentinc/cp-kafka 和 bitnami/kafka 是三个常见的Docker镜像，用于在Docker容器中运行Apache Kafka。
kafka 安装
qq_33753147的博客
09-23 956
kafka 安装
nginx部署vue项目
PhilsphyPrgram的博客
07-14 1万+
windows的nginx部署vue项目
Nginx部署vue项目
qq_40501683的博客
01-27 1万+
步骤一：项目打包 打开vscode终端 在终端输入 npm run build 这时可以看到生成dist文件夹，我们要放在服务器上的文件就在这， 步骤二：配置nginx 找到在官网下载的安装包。
基于Laravel + Vue + Element 实现 人力资源系统(考勤应用 )
10-16
前端部分，Bee采用了【Vue】框架，结合【Vue-Router】进行页面路由管理，【Vuex】处理状态管理，以及【Webpack】进行模块打包。为了提供直观的日历视图，还利用了【V-calendar】插件。此外，UI设计上使用了优雅的...
Job Plus项目是基于SpringBoot+Vue的轻量级定时任务管理系统+源代码+文档说明
11-28
1. 架构潮流：系统采用SpringBoot+VUE前后端分离，前端单独部署，Nginx负载均衡 2. 接口友好：同时支持swagger2、knife4j两种可视化接口API调试，支持离线接口文档； 3. 任务管理：支持通过Web页面对任务进行CRUD...
CentOS7下Kafka的安装介绍
weixin_33805557的博客
01-25 292
介绍 Kafka是分布式发布-订阅消息系统，最初由LinkedIn公司开发，之后成为之后成为Apache基金会的一部分，由Scala和Java编写。Kafka是一种快速、可扩展的、设计内在就是分布式的，分区的和可复制的提交日志服务。 它与传统系统相比，有以下不同： 它被设计为一个分布式系统，易于向外扩展； 它同时为发布和订阅提供高吞吐...
Centos7下安装Kafka
a rookie的博客
02-05 531
Centos7下安装Kafka
Vue项目部署（Nginx）
weixin_42067873的博客
09-05 1万+
vue项目部署
centos7 Kafka安装
q908544703的博客
08-10 2207
centos7 Kafka安装
ingress-nginx部署
04-26
ingress-nginx-controller-5b4bcf79d8-9qz7j 1/1 Running 0 2m ``` 3. 部署应用程序。 使用以下命令部署您的应用程序： ``` kubectl apply -f your-application.yaml ``` 该命令将使用您的应用程序配置文件中...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值