vue路由内部跳转 nginx 拦截失败

您好，对于Vue路由内部跳转，nginx需要配置proxy_pass来实现反向代理，将请求转发到Vue应用所在的服务器。

以下是一个简单的nginx配置示例，可以供您参考：

server {
    listen       80;
    server_name  example.com;

    location / {
        root   /usr/share/nginx/html;
        index  index.html index.htm;
        try_files $uri $uri/ /index.html;
    }

    location /api/ {
        proxy_pass http://api.example.com/;
        proxy_set_header Host $http_host;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    }
}

在这个示例配置中，当用户访问example.com时，nginx会尝试查找静态文件，如果不存在则返回index.html文件，这样Vue应用就会被加载。

当用户从Vue应用内部跳转到api.example.com时，nginx会将请求转发到http://api.example.com/，并将HTTP头信息传递给后端服务器。

注意，这只是一个简单的示例配置，您需要根据实际情况进行调整。同时，您需要确保Vue应用和后端API都被部署在可被nginx访问的服务器上。