前端实现多项目部署
买了一个服务器，因为自己对服务器的知识不到位，所以使用了宝塔作为控制服务器的方案。
如何实现多项目部署
一个域名部署一个项目
具体实现
步骤一：点击网站
步骤二：点击 HTML 项目，根据域名创建一个新项目
步骤三：创建完成后，点击前往根目录把打包好的内容放进来就可以了
问题
- 域名为维度，需要多个域名。当然你可以使用子域名 xx.baidu.com 这种，但是这个需要每次都配置一下子域名，添加一下解析
- 添加 https 证书要申请多张
一个域名部署多个项目
以 Nginx 配置 location 的方式进行部署（我发现宝塔已经配置好了
具体实现
在上边的步骤三中，我们可以创建一个目录，然后在这个目录里面去放我们打包好的内容，这时候访问路径要变成域名+目录名+index.html，而不是直接访问创建的域名。这样你就可以根据路径来访问不同的项目啦！
注意点
项目构建
在这里要注意，有些项目构建的时候，资源可能都是从绝对路径访问的，就可能导致资源访问不到，对应的就是 js、css、图片等静态资源无法加载的问题。为了避免这个问题，我们需要在项目构建的时候，将资源的路径进行修改为相对路径，确保它们能够被正确加载。
vite项目
这里使用 vite 项目举例子，只需要在 vite.config.ts 中配置 base 参数即可。
import { defineConfig } from "vite";
import vue from "@vitejs/plugin-vue";
// https://vitejs.dev/config/
export default defineConfig({
base: "./",
plugins: [vue()]
});
