nginx配置前缀后前端404问题解决

最新推荐文章于 2024-06-26 16:34:23 发布
最新推荐文章于 2024-06-26 16:34:23 发布
阅读量2.1k 收藏
点赞数
文章标签： 前端 nginx vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_41645232/article/details/122312094
版权

配置
1、publicPath: “./”
2、nginx配置/aaa前缀

location /aaa {                                                                                                                                                
    root /opt/zhjg/page;
    index  index.html;
}

/opt/zhjg/page里面的前端包将名称改成/aaa

岁月呀
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
nginx反向代理配置去除前缀
xinhuixu博客
10-30 310
使用nginx做反向代理的时候，可以简单的直接把请求原封不动的转发给下一个服务。设置proxy_pass请求只会替换域名，如果要根据不同的url后缀来访问不同的服务，则需要通过如下方法： 方法一：加"/" server { listen 8000; server_name abc.com; access_log “pipe:rollback /data/log/nginx/access.log interval=1d baknum=7 maxsize=1G” m
html某地址禁止访问,nginx 禁止访问配置，指定URL地址指定IP允许访问
weixin_30539081的博客
06-25 635
nginx 禁止访问配置，但是满足一下任意一个条件时允许访问1.允许访问某个url地址2.指定IP 一个或 多个风.foxserver {listen 80;server_name www.lanmps.com;root /Volumes/work/lanmps.com;index index.html index.htm index.php;#///////////////////...
Nginx部署和配置完成后404的解决方法
热门推荐
weixin_45837076的博客
11-22 11万+
意思就是，找指定路径下的文件，如果不存在，则转给哪个文件执行（具体是哪个文件得按项目来）；我这里是没找到之后返回默认的index.html文件。2.测试一下刚刚修改的配置文件是否有问题，使用命令：nginx -t -c nginx安装目录下的conf下的nginx.conf。如果一个地址是localhost:8080/login，那么uri指的是login地址,uri/指的是login文件夹，启动：双击nginx.exe，双击后有个小黑窗会闪过去，或者打开任务管理器，看下任务进程。
前端打包配置+nginx配置实现部署及部署地址带特定前缀的几种方式
最新发布
lingliu0824的博客
06-26 1595
答案是和上面一样，即还是loacalhost/tenant-mgt/vendor/vue.min.js 因为和index同级就是相当于tenant-mgt的后面一级。: 指定文件系统中某个目录作为请求的根目录，Nginx会在该目录下寻找请求的文件,最后请求的路径为root指定的URL + location上的URL。（注意是以/结尾的） 则跟tenant-mgt/同级，相当于是tenant-mat的下一级，因为tenant-mgt后面有一个/如果部署的前缀固定，可以设置publicPath为固定路径。
Nginx
qq_48967079的博客
02-20 2852
Nginx入门 1.什么是Nginx Nginx是一个高性能的Http和反向代理的Web服务器 2.Nginx能做什么 要想了解一个东西，我们必须能了解它的作用，它是做什么的 反向代理:正常来说流程是客户端请求服务器，服务器响应客户端，使用反向代理后，则是客户端请求反向代理服务器，反向代理服务器将请求转发到真正的服务器，然后将结果返回。反向代理隐藏了真实的服务器，客户端看不到真实的服务器，只能看到代理服务器 正向代理:相信大家应该都用过VPN吧，VPN其实就是正向代理的体现，和反向代理相似，也是客户
nginx 详解
很久很久以前的的博客
10-25 3356
nginx 详解
详解nginx过滤url实现前台js的配置问题
09-30
在本文中，我们将深入探讨如何使用Nginx配置来过滤URL，以便在前端JavaScript中解决配置问题。在开发过程中，经常需要根据不同环境设置不同的配置，例如订单过期时间。在Java后端，我们可以轻松地从properties文件中...
vue-router+nginx 非根路径配置方法
01-19
但是有个问题，在使用nginx的时候，我们需要添加一些配置。 直接配置在根路径下 直接配置在根路径下，访问的时候只用输入http://yoursite.com，在nginx的配置如下 location / { try_files $uri $uri/ /
nginx配置多个vue项目
09-30
保存配置后，记得重启Nginx服务以使更改生效： ```bash sudo systemctl restart nginx ``` 现在，你应该能够通过指定的URL访问到各自独立的Vue项目了。这个过程涉及到Vue项目的基础路径配置、Nginx的路由规则设定...
Nginx代理同域名前后端分离项目的完整步骤
01-08
通过域名后的 url 前缀来区别前后端项目。 以 vue + php 项目为例。直接上 server 模块的 nginx 配置。 server { listen 80; #listen [::]:80 default_server ipv6only=on; server_name demo.com; # 配置项目...
使用nginx代理activeMQ
anhao的博客
07-03 3265
一、activeMQ默认访问地址 http://127.0.0.1:8161/admin 二、使用nginx代理 1、修改NGINX配置 cd /etc/nginx nginx.conf 添加 include /etc/nginx/conf.d/*.conf; cd /etc/nginx/conf.d vim vhost.conf 加入以下 upstream activemq { server localhost:8161 max_fails=5...
Nginx出现403 Forbidden、404 Not Found错误的解决方案
完颜振江
04-22 1784
🤔 与 Nginx 错误的永恒斗争！请记住在排除错误时始终检查 Nginx 日志，因为它们通常会提供有关问题的宝贵信息。
Nginx部署vue项目 浏览器跨域，404，502解决
weixin_45384466的博客
11-10 2740
##2、所有得接口路径都加上/api/(可换做其他的)，我使用得是axios封装得。axios工具类中添加。###4、修改nginx得配置文件，nginx-1.24.0/conf/nginx.conf。上面的nginx中得所有注释使用 ”#“ 不是// 我是用//是因为写文章改的。###3、将打包文件拷贝到nginx得html文件下.###1、vue项目设置。
Nginx配置location语法规则
Peak Xin's Blog
01-28 1496
Nginx配置location语法规则
前端打包部署到nginx 使用nginx代理访问配置遇到的一些问题及解决方法
ggg6568的博客
08-11 1210
nginx配置问题
【Nginx】解决在Nginx+Vue部署多个前端项目，二级目录不能访问、访问空白的问题
走在搬砖的路上！
01-31 4799
解决在Nginx+Vue部署多个前端项目，二级目录不能访问、访问空白的问题
nginx配置vue项目添加访问前缀
ybb_ymm的专栏
06-28 1478
最近，在搞一个SASS系统，将原有的单服务，每次卖出一套啥软件就需要部署一套环境，使得运维人员有些捉襟见肘。产品调整为SASS，旨在为了将运维的工作减轻。
nginx部署前端项目 nginx部署无法加载js/css问题 Uncaught SyntaxError: Unexpected token ‘＜‘
weixin_43091752的博客
10-17 5301
注意：将多个html项目放在一个server中出现js,css加载不出来问题。可以将文件放在主项目同级目录下（暂时解决，可能是静态资源配置问题，不会弄）。6.处理所有引用的部分前面加上，在conf中添加的映射路径。5.普通html项目，部署会出现以下错误。3.修改nginx.conf文件。4.修改端口防止占用和添加新映射。2.将项目放入html目录下。1.下载nginx,解压。
微前端microapp配置nginx
05-12
微前端（Micro Frontends）是一种将大型前端应用程序拆分为更小、更简单的部分的架构模式。每个部分都可以独立地开发、测试和部署，然后组合成一个完整的应用程序。 在微前端中，每个部分都需要被打包成一个单独的应用程序，并通过相应的 URL 地址来访问。因此，我们需要一个反向代理服务器来将请求路由到正确的应用程序。 Nginx 是一个流行的反向代理服务器，可以用来配置微前端的部署。下面是一个简单的 Nginx 配置示例： ``` server { listen 80; server_name localhost; location /app1/ { proxy_pass http://localhost:3001/; } location /app2/ { proxy_pass http://localhost:3002/; } location /app3/ { proxy_pass http://localhost:3003/; } } ``` 在这个示例中，我们定义了三个不同的应用程序，每个应用程序都有一个不同的 URL 前缀。当用户访问这些 URL 时，Nginx 将请求转发到相应的端口号。 例如，如果用户访问 http://localhost/app1/，Nginx 将会将请求转发到 http://localhost:3001/，这是应用程序 1 的地址。同样的，如果用户访问 http://localhost/app2/，Nginx 将会将请求转发到 http://localhost:3002/，这是应用程序 2 的地址。 当部署微前端应用程序时，需要根据实际情况修改 Nginx 配置，以确保所有请求被正确地路由到相应的应用程序。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值