業(yè)務(wù)背景

利用vue+webpack開發(fā)公眾號

1. 啟動的本地服務(wù)器localhost:8080進行開發(fā)調(diào)試
2. 數(shù)據(jù)是從遠程urlwww.test.com進行獲取
3. 在本地直接把chorme的跨域禁用后就能進行本地調(diào)試

問題描述

但是在需要調(diào)用微信相關(guān)接口的時候,必須在微信開發(fā)者工具下進行調(diào)試
但是微信開發(fā)者工具沒有設(shè)置跨域的功能
所以當(dāng)我用localhost:8080獲取遠程www.test.com接口數(shù)據(jù)時就會報錯

問題出現(xiàn)的環(huán)境背景及自己嘗試過哪些方法

1. 嘗試下載qq瀏覽器里面說是有一個微信調(diào)試工具,但是沒找到
2. 本機設(shè)置hosts映射,但始終映射失敗

相關(guān)代碼

// 請把代碼文本粘貼到下方（請勿用圖片代替代碼）

你期待的結(jié)果是什么？實際看到的錯誤信息又是什么？

如何不用將前端代碼上傳到遠程服務(wù)器,也能夠在本地進行遠程調(diào)試?

解決

• 右擊開發(fā)者工具快捷方式 -> 點擊屬性
• 點擊快捷方式 -> 點擊目標
• --args --disable-web-security --user-data-dir 將這行代碼粘貼到路徑后面
• 重新打開開發(fā)者工具,跨域問題就沒有了