vue和thinkphp在nginx如何部署

在Nginx中部署Vue和ThinkPHP项目通常需要完成以下几个步骤：

1. **项目结构调整**：首先，需要将Vue构建后的静态文件和ThinkPHP的后端代码放置在合适的位置。通常，Vue构建后的静态文件放在Nginx的web根目录下，比如 `/var/www/html`，而ThinkPHP项目则放置在另一个目录下，比如 `/var/www/thinkphp`。

2. **Nginx配置**：接下来需要配置Nginx的server块来处理不同类型的请求。对于Vue应用，需要配置一个指向静态文件目录的server块，而对于ThinkPHP应用，需要配置另一个处理动态请求的server块。以下是一个简单的配置示例：

server {
    listen 80;
    server_name example.com;

    root /var/www/html;
    index index.html;

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

    # ThinkPHP后端API配置
    location /api/ {
        proxy_pass http://127.0.0.1:8000;
        proxy_set_header Host $host;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        proxy_set_header X-Forwarded-Proto $scheme;
    }
}

# 如果需要，可以配置SSL和HTTPS
# server {
#     listen 443 ssl;
#     server_name example.com;
#     ...
# }

在这个配置中，`/api/` 是ThinkPHP应用处理请求的前缀。这里使用了反向代理的方式，将 `/api/` 开头的请求转发到ThinkPHP应用运行的端口（这里假设是8000端口）。而Vue的静态文件则通过 `try_files` 指令指向了相应的静态资源。

3. **确保文件权限和安全**：部署完成后，要确保文件权限正确设置，防止未授权访问，同时，也要开启防火墙规则，允许80端口（或其他配置的端口）的HTTP请求。

4. **重启Nginx服务**：修改配置后，需要重启Nginx服务以使更改生效。

sudo systemctl restart nginx

5. **测试部署**：最后，通过浏览器或其他客户端工具测试访问，确保Vue前端和ThinkPHP后端均能正常工作。