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

最新推荐文章于 2024-07-30 15:19:00 发布
最新推荐文章于 2024-07-30 15:19:00 发布
阅读量217 收藏
点赞数
分类专栏： 架构 文章标签： 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
关注
专栏目录
若依微服务docker-compose部署vuepress
千寻简笔记《chihiro-notes》已开源|公众号：千寻简
06-30 871
chihiro-doc [项目名称]-docs-.vuepress # 配置文件-dist # build后的部署文件-public # 公共文件，用于存放图片-config.js # 配置文件，重点！-202304XXXX # .md文件-package.json # 依赖文件，运行命令在这里修改-README.md # 项目介绍文件。
centos7安装kafka
lizarel的博客
09-30 171
1.安装java yum -y install java-1.8.0-openjdk 完毕之后查看是否成功 java -version 配置java环境 echo "JAVA_HOME=$(readlink -f /usr/bin/java | sed "s:bin/java::")" | sudo tee -a /etc/profile 让配置生效 source /etc/profile 2.安装kafka 从官网下载 https://mirror.bit.edu.cn/apache/kafka/
Centos7下安装Kafka
a rookie的博客
02-05 581
Centos7下安装Kafka
nginx部署vue项目-新手友好
最新发布
qq_44828189的博客
07-30 311
对新手友好的nginx部署vue项目的步骤
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;
Nginx部署Vue项目
Fanger_travel的博客
03-01 3284
root>：项目存放目录（如果只发布一个项目，就是直接把dist拷贝到html文件夹下这种情况，可以直接用html，否则要指定文件夹）如下图，<listen>项为nginx监听的端口，默认是80。（5）打开浏览器，输入网址：http://localhost:9528（假设配置文件中端口修改成9528）完成上一步后，打开我们的配置文件<nginx.conf>，找到<server>节点，修改参数。②打开cmd，cd切换到nginx所在文件夹下，输入命令：start nginx，回车。包解压后会得到如下目录。
【kafka系列】centos7系统安装kafka
增量星球
09-25 3417
目录一、准备二、安装与配置三、配置文件详解四、运行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
在Docker中使用Nginx部署Vue项目
什么都干的派森
04-18 5568
文章目录一、前置需求1.liunx环境2.安装Docker二、部署方法1.打包Vue项目2.Docker拉取Nginx镜像3.创建一个打包镜像的目录4.上传Vue项目5.编写Nginx配置文件6.编写Dockerfile7.创建镜像8.启动容器三、访问测试 一、前置需求 1.liunx环境 本人用的 Centos7 2.安装Docker 参考这篇文章 https://blog.csdn.net/weixin_43721000/article/details/124237932 二、部署方法 1.打包Vu
RuoYi-Vue-Plus 是重写 RuoYi-Vue 针对 分布式集群与多租户 场景全方位升级(不兼容原框架)
06-02
这个项目在原有基础上进行了深度改造，以满足大规模、高并发、多组织结构的业务需求，但需要注意的是，RuoYi-Vue-Plus 与 RuoYi-Vue 原框架并不兼容，这意味着迁移和升级需要进行一定的代码调整。 一、Vue.js 技术...
管理系统系列--vue3.0+elementui 快速构建后台管理系统.zip
02-25
10. **部署发布**：如何将项目打包并部署到服务器，如Nginx配置和环境变量设定。 综上所述，这个“管理系统系列”应该是一份详细的教学资源，旨在指导开发者如何利用Vue 3.0和Element UI的强大力量，快速且高效地...
web server----nginx 配置文件
weixin_45228198的博客
04-30 1162
文章目录进阶静态资源服务器组的配置反向代理负载均衡缓存集成架构模块 进阶 静态资源 服务器组的配置 反向代理 负载均衡 缓存集成 架构 nginx集群搭建 模块 ngx-lua 模块
CentOS7安装Kafka
09-03
CentOS7网络配置，安装JDK，安装Kafka，订阅发布以及测试
nginx部署vue项目
weixin_45820270的博客
06-17 2428
nginx部署vue项目
CentOS7 安装 Kafka
jeikerxiao
07-07 1836
安装官网 http://kafka.apache.org/downloads 1.下载➜ wget http://mirrors.tuna.tsinghua.edu.cn/apache/kafka/0.11.0.0/kafka_2.12-0.11.0.0.tgz 2.解压➜ tar zxvf kafka_2.12-0.11.0.0.tgz➜ mv kafka_2.12-0.11.0.0 kafka➜
CentOS 7 中安装Kafka
淡淡的说非
10-20 1038
如果需要允许其他机器访问，需要开放。显示版本信息，说明安装成功。
vue.config.js: 实现跨域请求的配置详解
在Vue.js项目中，跨域请求是常见的需求，特别是在前后端分离的架构中。为了处理这种场景，Vue CLI提供了灵活的配置机制，通过在`vue.config.js`文件中设置开发服务器的代理规则，可以轻松解决跨域问题。下面详细介绍...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值