使用nginx的vue:路径不匹配

时间:2016-12-30 07:38:15

标签: nginx nginx-location vue.js vuejs2

我正在使用nginx(1.10.2)设置vue(2.1.x),我有以下配置:

location / {
    root   /var/lib/myRepo/dist/;
    index  index.html;
}

当我点击http://localhost:8080/'时,这会有效,但是当我点击其他网址时:' http://localhost:8080/products/home',我得到:

  

404 Not Found

我也尝试过:

root   /var/lib/myRepo/dist/;
location / {
   try_files $uri $uri/ index.html$query_string;
}

这里有什么问题以及如何解决这个问题。

1 个答案:

答案 0 :(得分:0)

你可以这样跟着:

server {
    listen       80;
    server_name  localhost;

    #charset koi8-r;

    #access_log  logs/host.access.log  main;

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

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