當(dāng)前位置:博客首頁>>建站經(jīng)驗 >> 閱讀正文

Vue history模式編譯后nginx無法訪問的問題

作者: 鄭曉 分類: 建站經(jīng)驗 發(fā)布于: 2019-11-25 12:49 瀏覽:9,314 評論(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)代瀏覽器構(gòu)建應(yīng)用,自動向后兼容)模式。

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

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

? ? ? ?

本文采用知識共享署名-非商業(yè)性使用 3.0 中國大陸許可協(xié)議進行許可,轉(zhuǎn)載時請注明出處及相應(yīng)鏈接。

本文永久鏈接: http://www.yjfs.org.cn/vue-history-nginx.html

Vue history模式編譯后nginx無法訪問的問題:目前有3 條留言

用戶評論頭像 11發(fā)表于 2019年12月18日 09:51[回復(fù)]

加油

    用戶評論頭像 wy發(fā)表于 2020年07月02日 19:28[回復(fù)]

    加油

用戶評論頭像 repostone發(fā)表于 2019年11月29日 16:48[回復(fù)]

非技術(shù)的路過。https://repostone.home.blog/

發(fā)表評論

change vcode