vue單頁因微信分享和自動登入需要，對於URL中存在’#’的地址，處理起來比較坑。用history模式就不會存在這樣的問題。但是換成history模式，就會有個新的問題，就是頁面重新整理後，頁面就無法顯示了（404）。對於這個問題，我們只需要在伺服器配置如果URL匹配不到任何靜態資源，就跳轉到預設的index.html。
我這裡是針對nginx的配置，總結如下：

方案一 （這種方式容易被第三方劫持）

location /{
        root   /data/nginx/html;
        index  index.html index.htm;
        error_page 404
 
 /index.html;
}

方案二

    location /{
        root   /data/nginx/html;
        index  index.html index.htm;
        if (!-e $request_filename) {
            rewrite ^/(.*) /index.html last;
            break;
        }
    }

  server {
        listen       8888;#預設埠是80，如果埠沒被佔用可以不用修改
        server_name  localhost;
        root        E
 
:/vue/my_project/dist;#vue專案的打包後的dist
        location / {
            try_files $uri $uri/ @router;#需要指向下面的@router否則會出現vue的路由在nginx中刷新出現404
            index  index.html index.htm;
        }
        #對應上面的@router，主要原因是路由的路徑資源並不是一個真實的路徑，所以無法找到具體的檔案
        #因此需要rewrite到index.html中，然後交給路由在處理請求資源
        location @router
 
 {
            rewrite ^.*$ /index.html last;
        }
        #.......其他部分省略
  }