vue3+ts+vite项目nginx部署

Vue3是一种流行的JavaScript框架，它提供了一种简洁、高效的方式来构建用户界面。TypeScript是一种静态类型检查的JavaScript超集，可以增强代码的可读性和可维护性。Vite是一个基于ES模块的构建工具，用于快速构建现代化的Web应用程序。

要将Vue3 + TypeScript + Vite项目部署到Nginx服务器上，可以按照以下步骤进行操作：

1. 构建项目：在本地开发环境中，使用Vite构建工具将Vue3 + TypeScript项目打包成静态文件。在项目根目录下运行以下命令：

npm run build

这将生成一个`dist`目录，其中包含了构建后的静态文件。

2. 配置Nginx：在Nginx服务器上创建一个新的站点配置文件，例如`myapp.conf`。可以使用以下命令在`/etc/nginx/conf.d/`目录下创建该文件：

sudo nano /etc/nginx/conf.d/myapp.conf

在配置文件中添加以下内容：

server {
    listen 80;
    server_name yourdomain.com;  # 替换为你的域名

    root /path/to/your/project/dist;  # 替换为你的项目dist目录的路径

    index index.html;

    location / {
        try_files $uri $uri/ /index.html;
    }
}

确保将`yourdomain.com`替换为你的域名，并将`/path/to/your/project/dist`替换为你的项目`dist`目录的实际路径。

3. 重启Nginx：保存并关闭配置文件后，使用以下命令重启Nginx服务器以使配置生效：

sudo service nginx restart

现在，你的Vue3 + TypeScript + Vite项目应该已经成功部署到Nginx服务器上了。