问题描述

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