vue3專案中如何配置路由

2022-10-11 01:12:10 字數 485 閱讀 7738

import from 'vue-router';

2、建立路由資訊物件陣列

routes:[,,

]3、建立路由管理器物件並對外丟擲

const router = createrouter()

4、在main.js使用use(router)方法,將路由管理器物件與當前vue專案相關聯

5、在專案中設定路由導航router-link與路由出口router-view

颯颯薩達

user-1

user-2

user-3

補充知識:

route:一組路由資訊物件 

routes:路由資訊物件陣列

const routes = [,,

router:路由管理器物件

const router = createrouter({}

搜尋複製

Vue3專案的打包執行

執行以下這條命令對專案進行打包 npm run build生成dist資料夾,進入dist資料夾下的index.html檔案,然後右鍵選擇open with live serve開啟一台埠號為5500的本地伺服器來開啟網頁,發現404錯誤.這是因為index.html檔案中引入的資源路徑以專案根目錄...

vue3使用路由跟vuex

vue3安裝跟使用路由 先安裝vue版本 npm 安裝 npm i vue router 4.0.0 beta.4 s yarn 安裝 yarn add vue router 4.0.0 beta.7 s新建router資料夾下面新建index.js檔案 如下 index.js檔案 default ...

vue3配置跨域

在根目錄下建立vue.config.js module.exports 那怎麼請求呢?axios.get hello then res 請求的介面不要接上伺服器網域名稱,這樣就會自動請求vue腳手架伺服器 node伺服器 所以node伺服器就是作為 伺服器,從而處理了跨域問題以下localhost ...