問題描述

基于vue-cli 2.x.x 通過修改webpack配置實(shí)現(xiàn)多頁結(jié)構(gòu)（如何配置網(wǎng)上很多博客說明，如有需要我再貼出來），但目前此結(jié)構(gòu)的各個(gè)單頁只能使用vue-router默認(rèn)的hash模式，無法使用history模式。

問題補(bǔ)充1

如果無法通過寫改webpack / vue-loader等配置實(shí)現(xiàn)（development & product），也可以提出通過nginx配置代理轉(zhuǎn)發(fā)或其他方式（product）。

nginx代理方式目前遇到的問題是：如果使用history模式，訪問url雖然正常但不能進(jìn)行刷新操作（try_files有添加）。

問題補(bǔ)充2

多頁模式 + 開發(fā)時(shí)（history模式將無法訪問路由）
http://localhost:8011/main.html#/admin/customer/detail?test=101039

多頁模式 + 生產(chǎn)時(shí)（通過nginx可實(shí)現(xiàn)，history模式刷新會404）
http://localhost:8011/#/admin/customer/detail?test=101039
或者
http://localhost:8011/mian/#/admin/customer/detail?test=101039

單頁模式 + 開發(fā)時(shí)/生產(chǎn)時(shí) + history (期望的url結(jié)構(gòu))
http://localhost:8011/admin/customer/detail?test=101039

問題補(bǔ)充3

nginx生效配置

    server {
        listen       9009;
        server_name  localhost;
        
        #字符集
        charset utf-8;

        location / {
            root D:/本機(jī)軟件/TortoiseSVN/repository/iop/iop-view/dist;
            index main.html;
            try_files $uri $uri/ /main.html;
        }

        location ^~ /login/ {
            proxy_pass http://127.0.0.1:9009/login.html;
        }        
    }