Vue history模式編譯后nginx無法訪問的問題
作者: 鄭曉 分類: 建站經(jīng)驗 發(fā)布于: 2019-11-25 12:49 瀏覽:9,547 評論(3)
Vue的項目,使用history路由模式相比hash模式來說,url會比較美觀。但新手在把項目編譯后并使用nginx配置訪問時,點擊其它頁時會空白,F(xiàn)12查看請求,返回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;
}
然后項目在build編譯時增加參數(shù) –modern
npm run build --modern
或在vue ui中配置編譯變量,打開Modern mode(針對現(xiàn)代瀏覽器構建應用,自動向后兼容)模式。
現(xiàn)在再使history模式訪問時就正常了。
參考:https://cli.vuejs.org/zh/guide/browser-compatibility.html
? ? ? ?
本文采用知識共享署名-非商業(yè)性使用 3.0 中國大陸許可協(xié)議進行許可,轉載時請注明出處及相應鏈接。
本文永久鏈接: http://m.yjfs.org.cn/vue-history-nginx.html
加油
加油