使用vue 和vue-router 頁面重整導頁問題

vue.js iis vue-router

rubie 2021-03-25 17:01:44 ‧ 2250 瀏覽

問題描述如下
建立一個index.html檔，並在其中引入vue, vue-router和httpVueLoader(編譯vue檔案) cdn ,並deploy到IIS上

1.router模式是history在使用vue-router做頁面跳轉時網址列改變如下

locahot:81/dist/index.html ==> localhost:81/dist/dashboard

2.在dashboard頁面重新整理時，因為實際沒有這頁會出現404，這個部分參考官網下載 IIS UrlRewrite並做好設定(現在重整時的網址列)

locahot:81/dist/dashboard ==> localhost:81/dist/dashboard(呈現index.html內的component)

最後結果：確實會導頁到index.html，但是顯示的是index.html的component

努力自學vue中，很多觀念還在慢慢補強，任何指導和糾正，不勝感激
我將index.html和web.config.js放到網址
https://jsfiddle.net/nL6fgj4c/1/

samshum iT邦新手 5 級 ‧ 2021-03-28 01:39:02 檢舉

https://www.youtube.com/watch?v=gvWZLxGYKws&list=PLwDQt7s1o9J57JQNXG7UooKI3Kpzw9fkj&index=30
這套教學很吊

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

立即登入回答

參賽組數

1064 組

團體組數

40 組

累計文章數

22207 篇

完賽人數

600 人

IT邦幫忙