vue-router的history模式釋出配置

yimo發表於2018-02-07
Vue模式

如果你正在嘗試將基於vue-router的專案部署到windows中，希望本文能夠有所幫助。

iis配置

無需安裝其他元件，將錯誤頁指向index.html即可

<?xml version="1.0" encoding="UTF-8"?>
<configuration>
    <system.web>
        <customErrors mode="On" defaultRedirect="index.html">
            <error statusCode="404" redirect="index.html" />
        </customErrors>
    </system.web>
    <system.webServer>
        <httpErrors errorMode="Custom">
            <remove statusCode="404" />    
            <remove statusCode="500" />          
            <error statusCode="500" path="/index.html" responseMode="ExecuteURL" />
            <error statusCode="404" path="/index.html" responseMode="ExecuteURL" />
        </httpErrors>
      
    </system.webServer>
</configuration>

nginx配置

啟動如遇問題嘗試使用命令建立/logs/nginx.pid檔案:nginx -c conf/nginx.conf
不要設定環境變數，重啟命令：start nginx -s -reload 

server {
    listen       3355;
    location / {
        root F:/dist;
        index index.html;
        try_files $uri $uri/ /index.html;
    }      
}

相關文章