資訊專欄INFORMATION COLUMN
摘要：還有可能會(huì)有一些隱藏的問題沒被發(fā)現(xiàn)。如果能像其他系統(tǒng)的路徑一樣，就不存在這些問題了。對(duì)于的模式在開發(fā)的時(shí)候，一般都不出問題。是因?yàn)殚_發(fā)時(shí)用的服務(wù)器為，環(huán)境中自然已配置好了。希望大家使用的方式進(jìn)行處理，的方式會(huì)被第三方劫持
因微信分享和自動(dòng)登錄需要，
對(duì)于URL中存在"#"的地址，處理起來比較坑（需要手動(dòng)寫一些代碼來處理）。還有可能會(huì)有一些隱藏的問題沒被發(fā)現(xiàn)。
如果VUE能像其他（JSP/PHP）系統(tǒng)的路徑一樣，就不存在這些問題了。
對(duì)于VUE的router[mode: history]模式在開發(fā)的時(shí)候，一般都不出問題。是因?yàn)殚_發(fā)時(shí)用的服務(wù)器為node，Dev環(huán)境中自然已配置好了。
但對(duì)于放到nginx下運(yùn)行的時(shí)候，自然還會(huì)有其他注意的地方?？偨Y(jié)如下：
在nginx里配置了以下配置后， 可能首頁沒有問題，鏈接也沒有問題，但在點(diǎn)擊刷新后，頁面就無法顯示了（404）
location /{
root /data/nginx/html;
index index.html index.htm;
}
為了解決404，需要通過以下兩種方式:
方式一
location /{
root /data/nginx/html;
index index.html index.htm;
error_page 404 /index.html;
}
方式二
location /{
root /data/nginx/html;
index index.html index.htm;
if (!-e $request_filename) {
rewrite ^/(.*) /index.html last;
break;
}
}
這樣問題好像就可以解決了。
此外，如果VUE應(yīng)用沒有發(fā)布在域名的目錄根下，比如[http://xxx.com/wx/]
那么除了上述配置：
location /wx{
root /data/nginx/html;
index index.html index.htm;
#error_page 404 /wx/index.html;
if (!-e $request_filename) {
rewrite ^/(.*) /wx/index.html last;
break;
}
}
還應(yīng)該在VUE項(xiàng)目里把每個(gè)路徑加上[/wx]這一段(或者指定base: "/wx/")，要不頁面會(huì)顯示為空白：
以上幾種方案基本上已經(jīng)能把坑填上了，如果還有其他問題，比如瀏覽器版本低不支持什么的，不要來問了。
希望大家使用rewrite 的方式進(jìn)行處理，404的方式會(huì)被第三方劫持?。?！
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/39611.html
摘要：執(zhí)行過程如下實(shí)現(xiàn)瀏覽器的前進(jìn)后退第二個(gè)方法就是用兩個(gè)棧實(shí)現(xiàn)瀏覽器的前進(jìn)后退功能。我們使用兩個(gè)棧，和，我們把首次瀏覽的頁面依次壓入棧，當(dāng)點(diǎn)擊后退按鈕時(shí)，再依次從棧中出棧，并將出棧的數(shù)據(jù)依次放入棧。 showImg(https://segmentfault.com/img/bVbtK6U?w=1280&h=910); 如果要你實(shí)現(xiàn)一個(gè)前端路由，應(yīng)該如何實(shí)現(xiàn)瀏覽器的前進(jìn)與后退 ？ 2. 問題...
摘要：但如果要使用模式，我們需要在后端進(jìn)行額外配置。模式的配置方法我們來看看官方文檔是教我們?cè)趺磁渲玫哪Ｊ?。模式的配置?shí)踐及原理強(qiáng)烈建議閱讀這部分之前，先看一下的這部分文檔和這部分文檔。只配置前端的情況首先，我們將設(shè)置為，但不配置后端。 始發(fā)于我的博客 ryougifujino.com，歡迎訪問留言。 vue-router分為hash和history模式，前者為其默認(rèn)模式，url的表現(xiàn)形式為...
摘要：模式下，中存在，用模式就能解決這個(gè)問題。但是模式會(huì)出現(xiàn)刷新頁面后，頁面出現(xiàn)。解決的辦法是用配置一下。 vue hash模式下，URL中存在#，用history模式就能解決這個(gè)問題。但是history模式會(huì)出現(xiàn)刷新頁面后，頁面出現(xiàn)404。解決的辦法是用nginx配置一下。在nginx的配置文件中修改 方法一： location /{ root /data/nginx/html...
摘要：模式部署沒有什么問題，只要訪問到服務(wù)器上的，就可以訪問網(wǎng)站了。問題起因在做年度賬單項(xiàng)目的時(shí)候，項(xiàng)目部署的時(shí)候，用的是模式。這樣幾項(xiàng)配置后，就可以在子目錄下訪問網(wǎng)站，刷新也沒有問題。 寫在前面 Vue-Router 有兩種模式，默認(rèn)是 hash 模式，另外一種是 history 模式。 hash：也就是地址欄里的 # 符號(hào)。比如 http://www.example/#/hello，...
閱讀 1146·2021-09-22 15:26
閱讀 2726·2021-09-09 11:52
閱讀 2048·2021-09-02 09:52
閱讀 2312·2021-08-12 13:28
閱讀 1245·2019-08-30 15:53
閱讀 579·2019-08-29 13:47
閱讀 3465·2019-08-29 11:00
閱讀 3167·2019-08-29 10:58
