vue-cli 绑定到有php运行的ngnix

要将vue-cli与运行PHP的Nginx绑定，需要遵循以下步骤：

1. 确保Nginx服务器已安装并正在运行。您可以使用以下命令检查Nginx是否正在运行：

   sudo systemctl status nginx

2. 在Nginx服务器上创建一个新的虚拟主机配置文件。您可以使用以下命令创建新的配置文件：

   sudo nano /etc/nginx/sites-available/vue-app

3. 在新的配置文件中，添加以下内容：

   server {
       listen 80;
       server_name example.com;  # 将“example.com”替换为您的域名
       root /var/www/vue-app/dist;  # 将“/var/www/vue-app/dist”替换为您的Vue应用程序的路径
       index index.html;

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

       location ~ \.php$ {
           fastcgi_pass unix:/run/php/php7.4-fpm.sock;  # 将“/run/php/php7.4-fpm.sock”替换为您的PHP版本
           fastcgi_index index.php;
           fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;
           include fastcgi_params;
       }
   }

这将设置Nginx服务器来监听80端口，并将请求重定向到Vue应用程序的“dist”目录。如果请求无法匹配文件或目录，则会将请求重定向到“index.html”文件。此外，该配置还将PHP脚本路由到PHP-FPM处理程序。

4. 保存并关闭文件。然后使用以下命令创建符号链接：

   sudo ln -s /etc/nginx/sites-available/vue-app /etc/nginx/sites-enabled/

这将在“/etc/nginx/sites-enabled”目录中创建一个符号链接，将新的配置文件添加到Nginx服务器中。

5. 检查Nginx配置是否正确：

   sudo nginx -t

6. 重新启动Nginx服务器：

   sudo systemctl restart nginx

现在，您的Vue应用程序应该已经与运行PHP的Nginx服务器绑定。您可以在浏览器中访问您的域名，以查看是否已成功绑定。