nginx vue 跳转404

在nginx和vue中，当出现404跳转错误时，通常是由于路由配置问题导致的。根据引用内容和，可以看出解决问题的关键是正确配置nginx的vue-router跳转设置。

首先，你需要进入nginx的配置文件夹，通常位于nginx安装目录下的conf文件夹。找到nginx.conf文件并进行修改。

根据引用内容，正确的nginx配置如下：

server {
   listen 80;
   server_name testwx.wangshibo.com;
   index index.php index.html index.htm default.php default.htm default.html;
   root /www/wwwroot/ssoShuang/dist;

   # vue-router配置
   location / {
     try_files $uri $uri/ @router;
     index index.html;
   }

   location @router {
     rewrite ^.*$ /index.html last;
   }
}

这个配置中，index指令定义了默认的索引文件，root指令指定了根目录路径。而最关键的是在location块中，使用了try_files指令来尝试匹配URI，如果找不到对应的文件或目录，则会重定向到@router块，在这里将所有请求重定向到index.html。

这样配置后，当出现404跳转错误时，nginx会将请求重定向到vue-router，并通过index.html来处理该请求，从而解决了404错误。

总结起来，解决nginx和vue跳转404错误的步骤如下：
1. 打开nginx的配置文件夹，找到nginx.conf文件进行修改。
2. 在server块中添加vue-router的配置，包括location块和@router块。
3. 在location块中使用try_files指令来尝试匹配URI，并重定向到@router块。
4. 在@router块中使用rewrite指令将请求重定向到index.html。
5. 保存配置文件，并重启nginx服务。

这样配置后，nginx会正确处理vue的路由跳转，避免出现404错误。