Vue的項(xiàng)目，使用history路由模式相比hash模式來(lái)說(shuō)，url會(huì)比較美觀。但新手在把項(xiàng)目編譯后并使用nginx配置訪問(wèn)時(shí)，點(diǎn)擊其它頁(yè)時(shí)會(huì)空白，F(xiàn)12查看請(qǐng)求，返回304，并且提示“We’re sorry but xxxxxx doesn’t work properly without JavaScript enabled. Please enable it to continue。

我解決的方法是首先在nginx里要正確配置好了urlrewrite：

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

然后項(xiàng)目在build編譯時(shí)增加參數(shù) –modern

npm run build --modern

或在vue ui中配置編譯變量，打開Modern mode(針對(duì)現(xiàn)代瀏覽器構(gòu)建應(yīng)用，自動(dòng)向后兼容)模式。

現(xiàn)在再使history模式訪問(wèn)時(shí)就正常了。

參考：https://cli.vuejs.org/zh/guide/browser-compatibility.html