使用nginx部署云程大屏设计器,配置访问前缀后出现404的问题

问题描述

最近使用了云程的大屏设计器,云程的大屏设计器是基于vue开发的,在环境文件中可以配置应用的访问前缀,在开发环境运行时,配置访问前缀,是正常访问的,但是打包部署到nginx中,就出现了只能访问部分路径,部分路径不能访问的问题。

问题复现

配置访问前缀 ”/test/“ 之后,执行 yarn run build 打包,生成dist目录。、

将dist目录下的文件copy到指定目录,例如nginx软件根目录的 www 目录下,配置nginx的 nginx.conf 配置文件,如下图:

此时访问应用系统,首页可以访问:

但是点击一个大屏的编辑后,就出现了以下页面:

解决办法

修改 nginx.conf 配置,如下图:

在 try_files 中,也需要加上访问前缀,才能正常访问。

location /test {
			alias   www;
			index  index.html index.htm;
			try_files $uri $uri/ /test/index.html;
		}

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值