vue h5 微信授權

2021-09-27 10:45:09 字數 784 閱讀 8898

1.首先在main.js 中判斷是否存在token,如果沒有token 而且當前頁面不是author(授權頁面),儲存使用者進入的url,跳轉至授權頁面,那如果本地有token,傳送請求獲取使用者資料

router.beforeeach((to, from, next) =>  else if (token && !userinfo) )

.then((data) => )

.catch((err)=>)

}next();

}else

});

2.進入author.vue,首先判斷當前鏈結有沒有token 如果沒有,就請求後端介面,後端重定向鏈結回來,會帶token及msg 然後擷取鏈結中的token儲存

3.擷取方法 mixin.js

export const getquerystring = name =>  else 

};

路由模式用history,apache vue history模式配置,在打包好dist檔案加.htaccess 同時上傳伺服器

rewriteengine on

rewritebase /

rewriterule ^index\.html$ - [l]

rewritecond % !-f

rewritecond % !-d

rewriterule . /index.html [l]

vue h5實現微信授權

先在main.js中設定全域性的專案位址 方便在其他頁面呼叫 vue.prototype.globalverb then res 2 授權頁面點選按鈕調取授權介面,按照如下格式拼接url btn var notifyurl encodeuricomponent this.baseurl api mp...

vue h5 實現拖拽

目前專案遇到拖拽的功能,記錄一下,大概邏輯如下 1 左側為分類列表,右側為資料,根據左側的列表分類展示右側的資料 2 右側的資料還可以拖動到左側型別裡面,類似於資料夾拖動時的剪下,複製 實現 div為目標元素,當滑鼠拖動下面的li 移上去並放開時會觸發,並且滑鼠樣式會發生變化,注意上面的兩個方法為必...

vue h5與app互動心得

因為h5需要提供全域性方法,普通html檔案直接在window下掛乙個方法即可,如 window.fn function json methods mouted methods es6的字串拼接寫法 window.location.url 1 created 2 mounted 第二次將掛載和呼叫寫...