自存实践本地访问 nginx放前端打包好的项目

已于 2024-08-21 13:52:03 修改
阅读量202 收藏
点赞数 3
分类专栏： 前端发布 文章标签： nginx 服务器 前端
于 2024-08-21 11:49:42 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2301_78916954/article/details/141389703
版权

nginx 部署前端项目_哔哩哔哩_bilibili

将打包好的dits文件放到

配置nginx.conf文件的location

 启动命令 

start nginx.exe

输入localhost即可访问打包好的项目

nginx的特点

1.静态资源 

2.转发

设置代理转发请求

 

关闭nginx

.\nginx.exe -s quit

 

2301_78916954
关注
专栏目录
12、填写NGINX配置部署前端；运行jar部署后端
m0_45209551的博客
11-08 883
打包之后，在ruoyi-admin下面的target目录下找到打好的jar包，上传到服务器。注意，这是 root的package，不要打到admin或者common的package了。第一步：在根目录点击clear是清楚target,再点击package生成新的target,打成的包就存放在target目录中。运行完毕之后，可以在当前运行jar的目录，通过tail -f nohup.out命令来看运行的控制台输出。后端可以部署的方式，首先直接运行jar是肯定可以的。但是这里运行在容器中必要性，其实并不大。
npm run build 打包后，如何运行在本地查看效果（Nginx服务）
CWW2016的博客
11-21 570
这段时间，研究了一下vue 打包的很慢的问题。但是当我 npm run build 打包后，在本地查看效果的时候，活生生被我老大鄙视了，因为我打开了XAMPP。他说：你怎么不用Nginx啊？用这个一堆的路径问题！！！！！！ 然后我就去研究了Nginx 。。。我原谅我老大了。 一.初识nginx Nginx是一款轻量级的Web 服务器/反向代理服务器及电子邮件（IMA...
Windows 和 Mac 平台下安装 Nginx 部署前端项目教程
Ares_Yin的博客
06-06 1709
Windows 和 Mac 平台下安装 Nginx 部署前端项目教程
Nginx搭建本地服务器，无需购买服务器即可测试vue项目打包后的效果
qq_61838643的博客
08-14 1298
本文是在windows环境（Linux环境下其实也大同小异）下基于Nginx实现搭建本地服务器，手把手教你部署vue项目。
一个nginx小白的vue项目部署的成功！
qq_45737678的博客
09-25 1540
nginx部署vue
纯Git实现前端项目打包部署
qq_37155408的博客
03-24 7551
利用纯GIT实现前端项目自动打包部署，方便且快速
docker 项目部署 后端/前端
zhangaob的博客
06-21 7475
这种一般是，build时候就有问题，Dockerfile 有问题。
前端 静态资源 本地化部署
一直记录
11-29 1111
前端静态资源本地化部署
前端html项目（非vue项目）通过jenkins打包成docker镜像，实现自动化部署
贵在坚持
11-17 2902
前言 记录公司中一次将前端项目打包成docker镜像的经历 先看下效果图： 镜像： 访问如下： 本次打包方式分两种： 1.将项目代码直接打包到镜像中 2.将项目代码挂载出来 一、docker基础 docker默认大家都会，只说几个细节 挂载目录的时候，前面的地址为宿主机也就是本机的路径，后面为容器路径。端口同理 挂载的时候是挂载不了文件的，只能挂载文件夹 nginx.conf和default.conf文件是包含的关系。 另外说明：这里建议大家在使用docker命令的时候，每次都自己手动去敲
云E办Springboot+vue——前端项目完整版（含源码）
热门推荐
涵盖了计算机专业基础知识、数学建模相关实践、复杂网络论文研究、LeetCode算法刷题经验、C语言开发经验、前端Vue、React框架开发实战相关知识
08-10 5万+
本项目基于Vue+Spring Boot构架一个前后端分离项目。前端使用社区非常活跃的开源框架vue进行构建。受疫情的影响，许多企业由线上办公转为线下办公。随着线上办公的人数的增多，线上办公的优点逐步凸显：通过实现工作流程的自动化、节省企业办公费用、实现绿色办公，同时提升办公效率。前端使用的技术有： Vue、Vue-cli、Vuex、VueRouter、ElementUI、Axios、ES6、Webpack、WebSocket、font-awesome、js-file-download、vue-chat 项
Linux服务器上(CentOs6.5系统)前端项目vue（nginx启动方式）总结
u010472452的博客
10-15 4801
前端vue的部署： 1.由于vue的项目启动采取的是nginx启动方式，所以linux服务器上需先确保已安装了nginx。 详细命令：nginx -v   显示：nginx version: nginx/1.4.4  nginx版本为1.4.4 如果是源码包安装 可能不会找到nginx 命令 需要使用完整路径 例如 /usr/local/nginx/sbin/nginx -v 根据自己...
nginx配置详解
lllwwyy的博客
11-17 1609
nginx配置详解
大前端学习笔记 -- NuxtJS项目案例--RealWorld（Nuxt脚手架创建项目、Git Actions自动发布和PM2部署）
爱玲姐姐的博客
09-29 2852
NuxtJS项目案例–RealWorld（创建Nuxt项目、Git Actions自动发布和部署） 一、案例项目realworld介绍 1. 案例项目介绍 案例名称：RealWorld 这是一个开源的学习项目，目的就是帮助开发者快速学习新技能。 GitHub仓库：https://github.com/gothinkster/realworld 在线实例：https://demo.realworld.io/ 2. 案例相关资源 页面模板：https://github.com/gothinkster/real
tcp三次握手和四次挥手
最新发布
qq_25096749的博客
11-06 270
三次握手与四次挥手
国产服务器平台离线部署k8s和kubesphere(含离线部署新方式)
11-02 801
国产服务器平台离线部署k8s和kubesphere(含离线部署新方式)
web服务器
2202_75593514的博客
11-02 901
（域名分别为www.jio.com和zj.de.wang，首页目录为/www/jio,/www/jioz,首页内容分别为my name is jio，my name is jioz）端口分别为80和10000，首页目录为/www/port/80,/www/port/10000,首页内容分别为the port is 80，the port is 10000）主机位为100和200，首页目录为/www/ip/100,/www/ip/200,首页内容分别为this is100，this is 200）
u盘怎么重装电脑系统_u盘重装电脑系统步骤和详细教程【新手宝典】
电脑技术分享网的博客
11-06 688
在电脑无法正常启动或需要重新安装系统时，U盘启动盘成为一项重要的技术手段。它利用U盘的便携性，结合启动盘制作工具，可以快速制作出能够引导电脑进入特定操作环境的启动盘。这种启动盘不仅方便用户进行系统重装，还支持多种电脑维护任务，如清除密码、引导修复、磁盘分区管理等。
Linux：防火墙和selinux对服务的影响
qq_73704466的博客
11-02 777
文件夹的访问将自定义文件夹的角色改为我们nginx可以访问的httpd_sys_t便可以访问了。
前端优化：使用bpmn-js在Vue项目中实现流程图定制与UI优化
- vue.config.js：Vue项目的配置文件，可自定义构建配置，如调整打包输出路径、配置代理等。 - .eslintrc.js：定义ESLint的规则，用于JavaScript代码的风格检查和代码质量控制。 - babel.config.js：配置Babel，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值