问题描述
最近使用了云程的大屏设计器,云程的大屏设计器是基于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;
}