nginx前端带目录部署踩坑笔记

最新推荐文章于 2025-03-20 16:22:16 发布
最新推荐文章于 2025-03-20 16:22:16 发布
阅读量161 收藏
点赞数
文章标签： java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_50098749/article/details/129728556
版权
在项目配置中，设置publicPath为/home会改变打包后的静态文件访问基础路径，确保访问时需匹配此路径，否则可能导致资源加载失败。如果不设置，默认会使用根路径/.调整此设置需同步更新服务器配置，以保证正确服务这些文件。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

publicPath:‘/home’,
不设置默认打包 静态文件夹还是走/
设置了访问地址/home 这个也要设置成/home

小申ee
关注
干掉Vue路径里的那个# | 踩坑记录
做棵大树
05-13 435
微信公众号：做棵大树 | 欢迎关注，一起进步~ 背景 自己在搞个短链接转换的小工具，整体转化流程很简单就是下图这个样子。 #mermaid-svg-btwcen2RRe0klTeY {font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}#mermaid-svg-btwcen2RRe0klTeY .error-icon{fill:#552222;}#mermaid-svg-btwcen2RRe0klTeY
阿里云服务器搭建前端项目
weixin_43339112的博客
11-21 694
*前言 *：蹭着双十一的活动购买了阿里云ECS服务器，网上教程也很多，由于之前工作关系对Linux接触比较多，以下为简单笔记，仅做个人记录。 建议版本选择Centos，yum安装外网资源支持性较好；suse12sp系列zipper不太好使用，前期踩坑较多。 下载yum镜像(如果已经有的话就不需要了，Centos版本默认已安装) wget http://mirrors.163.com/centos/7/os/x86_64/Packages/python-iniparse-0.4-9.el7.noarc.
使用nginx部署多个前端项目
qq_25983579的博客
05-23 2610
使用nginx部署多个前端项目 个人总结了3种方法来实现在一台服务器上使用nginx部署多个前端项目的方法。 基于域名配置 基于端口配置 基于location配置 基于域名配置 基于域名配置，前提是先配置好了域名解析。比如说你自己买了一个域名：www.fly.com。 然后你在后台配置了2个它的二级域名： a.fly.com、 b.fly.com。 配置文件如下： 配置 a.fly.com 的配置文件： server { listen 80; server_nam
访问nginx显示项目目录
OfficerGoodbody的博客
08-11 1078
访问nginx显示项目目录
前端项目部署在 Nginx 中自定义配置文件和项目路径详解
最新发布
cuijiying的博客
03-20 1816
讲解如何将你的前端项目部署在 Nginx 中，并且自定义 Nginx 配置文件和前端项目路径的位置。首先，确保你的服务器上已经安装了 Nginx。如果需要 HTTPS，需要配置 SSL 证书并修改配置文件，这可以参考 Nginx 官方文档或后续教程。安装完成后，可以通过浏览器输入服务器的 IP 地址，检查是否看到 Nginx 的默认欢迎页面。Nginx 需要知道你的自定义配置文件位置，因此需要修改主配置文件。
Linux+nginx-前端部署的详细步骤
aDiaoYa_的博客
01-02 3720
- Linux：大多数服务器都是使用Linux作为操作系统：稳定、安全、开源。 - finalShell工具：finalShell是一个方便管理远程服务器的工具，提供了可视化的操作配置界面。在和远程服务器建立连接之后，可以在标签终端通过执行相应的命令进行文件上传、下载、编写脚本...等操作；也可以不使用命令行，直接通过点击拖拽进行文件上传、下载... - Nginx：一个高性能且轻量级的HTTP和反向代理web服务器。Nginx本身就可以托管网站，进行Http服务处理，也可以作为反向代理服务器 、负载均衡器
【nginx】常用命令与配置文件
Decade0712的博客
12-12 4044
介绍nginx的常用命令与配置文件nginx.conf
前端开发者必备：Nginx部署前端项目，让你的Web应用快速、稳定、安全地运行
失忆老幺
04-04 1万+
Nginx部署前端项目
docker nginx vue跨域
08-20
- *1* *2* *3* [【笔记】【踩坑】Docker + Nginx + Vue部署前端项目和跨域CORS解决](https://blog.youkuaiyun.com/m0_56555119/article/details/126785363)[target="_blank" data-report-click={"spm":"1018.2226.3001....
一位平凡人的春招面经汇总（前端）21届
weixin_42282727的博客
03-31 1305
地平线 前端一面南京（1h）3.2 笔试题（20min） 第一题 function test(a) { a = 3 } var a = 4 test(a) console.log(a) // 4, 3，变量提升 第二题，下列执行结果，以及原理，第二个输出和第三个输出有什么不同 var o = { user:'aaa', fn:function() { console.log(this.user); } } o.fn() window.o.fn() var c = o.fn c() //
谷粒商城开发踩坑及部分知识点大总结
Samuel'C blog
07-26 1628
谷粒商城踩坑合集
Nginx配置文件 所在路径 到底在哪？
热门推荐
Ximerr的博客
06-02 3万+
（大坑，误）不同安装方式，nginx配置文件路径也不一样。
vue 解决代码上线后，刷新页面时静态资源文件会重复添加路径的问题
m0_37922443的博客
04-01 1705
一开始的vue.config.js module.exports = { devServer: { port: 8090 }, publicPath: './static/' // 解决打包之后静态文件路径404的问题 } 刷新当前页面： 查看请求可以看到，静态资源文件重复添加了static目录 原因：vue.config.js写的是相对路径 解决方法：改为绝对路径 ...
nginx配置别名与前后端根目录名关联
thankna的博客
06-10 822
涉及到多个服务部署在一个服务器，用一个nginx代理转发的情况，前端一直报http 405错误，后端服务也一直没有log，说明一直没有调用到后端。查了网上关于nginx配置的文档，有针对root和alias的说明，有local 后面名称带不带“/”的说明，就是没有nginx配置的字段跟前后端哪些字段对应的说明。我的nginx配置是门户统一配好的不能改，只能改代码找对应关系，自己动手丰衣足食。nginx固定内容，注意bef和bef_server两个前后端服务关联因子。 .........
Nginx安装详细步骤以及前端项目独立部署（一）
weixin_51542566的博客
01-30 1万+
部署springboot+vue项目的时候，我们一般是将打包好的前端项目放在我们后端的resources目录下，然后前后端一起打包成jar包或者war包部署上服务器的。也就是说，如果前端项目发生修改的话，那么即使后端不用修改，前后端项目也要重新放在一起重新打包、重新部署。但是，前端项目打包往往是几mb大小，而后端项目打包却要几十mb。因此，为了方便，我们可以使用Nginx独立部署前端项目。 一、 Nginx安装步骤 1、安装GCC、automake、pcre、zlib和openssl 用rpm -qa 命
使用 Nginx 管理你的前端资源
CRMEB小程序商城的博客
04-07 5288
前言 在前端项目开发中，我们可以启动 devserver 管理静态资源服务，但是发布线上后要保证稳定，一般会选择一个高效能 + 稳定的静态服务器来管理前端资源。 作为前端工程化的关键一环节，这一篇我们来一起学习一下 Nginx 的常见用法。 Nginx (engine x) 是一个高性能的 HTTP 和反向代理 web 服务器，同时也提供了IMAP/POP3/SMTP 服务。 常规使用 Nginx 的安装过程就省略了，毕竟是基操，WIndows 都是一键安装的。 先记住几个常用的命令，待会我们会不断的使用到
Nginx | nginx添加二级访问目录
@范恒宾的博客
05-29 2万+
一、需求说明   现有域名www.test.com，采用前后端分离方式，将前端VUE项目放在 Nginx 中，后端的项目放在 Tomcat 中。如果是一个前端项目，可将 Nginx 自带的文件夹 $[NginxHome]/html内的项目文件，替换为先项目文件即可，但涉及到多二级目录该如何配置呢？ 域名 访问项目 www.test.com 登录页面 www.test.com/login_web 登录页面 www.test.com/apps_web 应用管理页面 www.test.
nginx配置 location rewrite 多目录转单目录
cherry的前端学习历程
02-26 2234
结论再此—>: rewrite ^/flask/(.*)$ /$1 last; 场景描述： 本次项目框架采用Vue+Flask+Kafka，前端路由使用history模式，调试时为避免将所有post或get请求都转发给Flask服务器，从而出现用户刷新当前页面下的路径时出现URL Not Found的报错，如下 我在所有发给Flask的请求路径前都加上了flask目录，如／flask/l...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值