如何前后端分离部署？

后端不用调整（如果使用宝塔部署，不要勾选宝塔自带的前后端分离），前端静态文件可以通过以下方式获得：

1. 获取静态资源文件夹

通过安装向导下载当前版本的 Linux 安装包并解压。安装包根目录中的 static 文件夹就是前端静态资源目录；不同 CPU 架构安装包内的前端文件相同。

修改 static/zfile.config.json，将 baseUrl 改为后端地址，例如 http://localhost:8080。

注意

如果你的前端要使用 https，那么后端也必须使用 https，否则会被浏览器拦截。但反过来你前端使用 http，后端使用 https 是可以的。

将静态资源放到你要部署的地方，如 nginx 上，或者 tomcat 上，或者其他 web 服务器上，甚至 cdn 上都可以。

由于前端使用的 vue 的 history 模式，所以需要配置一下你的 web 服务器，比如 nginx，在当前站点的配置文件中的 location / 里需要增加一行代码，如：

location / {
    # 你原来的其他配置保留

    # 新增一行配置：
    try_files $uri $uri/ /index.html;
}

如果是宝塔部署可以把上面高亮的那一张放到伪静态中就行。

这个配置的大概含义就是如果找不到文件，就返回 index.html，不配置这个的话，你刷新页面会出现 404。

其他的 web 服务器也是类似的配置，这里无法给出所有配置，且不要来问我如何配置 xxx 服务（除非你付费咨询），请善用搜索引擎或 chatgpt。

还需要将 index.html 文件中的这一行删除（大约在第九行）：

<meta name="referrer" content="same-origin" >

然后记得重新上传到服务器或 CDN 上，并注意浏览器或服务器缓存的问题。