nginx 配置vue项目

以下是配置Vue项目的Nginx的步骤：

1.安装Nginx

在Ubuntu上，可以使用以下命令安装Nginx：

sudo apt update
sudo apt install nginx

2.配置Nginx

在/etc/nginx/sites-available/目录下创建一个新的配置文件，例如myvueapp.conf，并将以下内容添加到文件中：

server {
    listen 80;
    server_name example.com; # 将example.com替换为您的域名

    location / {
        root /var/www/myvueapp/dist; # 将/var/www/myvueapp/dist替换为您的Vue应用程序的dist目录路径
        index index.html;
        try_files $uri $uri/ /index.html;
    }
}

3.启用配置文件

使用以下命令将配置文件链接到sites-enabled目录中：

sudo ln -s /etc/nginx/sites-available/myvueapp.conf /etc/nginx/sites-enabled/

4.测试Nginx配置

使用以下命令测试Nginx配置是否正确：

sudo nginx -t

如果没有错误，重新加载Nginx以使更改生效：

sudo systemctl reload nginx

现在您的Vue应用程序应该已经配置好了Nginx。