鍍金池/ 問(wèn)答/測(cè)試  網(wǎng)絡(luò)營(yíng)銷(xiāo)/ [已解決]微信公眾號(hào)開(kāi)發(fā)如何進(jìn)行本地調(diào)試

[已解決]微信公眾號(hào)開(kāi)發(fā)如何進(jìn)行本地調(diào)試

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

利用vue+webpack開(kāi)發(fā)公眾號(hào)

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

問(wèn)題描述

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

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

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

相關(guān)代碼

// 請(qǐng)把代碼文本粘貼到下方(請(qǐng)勿用圖片代替代碼)

你期待的結(jié)果是什么?實(shí)際看到的錯(cuò)誤信息又是什么?

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

解決

  • 右擊開(kāi)發(fā)者工具快捷方式 -> 點(diǎn)擊屬性
  • 點(diǎn)擊快捷方式 -> 點(diǎn)擊目標(biāo)
  • --args --disable-web-security --user-data-dir 將這行代碼粘貼到路徑后面
  • 重新打開(kāi)開(kāi)發(fā)者工具,跨域問(wèn)題就沒(méi)有了
回答
編輯回答
毀了心

舉例:

  1. 將微信相關(guān)域名配置為home.example.com
  2. DNS解析服務(wù)商中將域名解析到本機(jī)IP(如果是內(nèi)網(wǎng)需要做端口映射)設(shè)置hosts home.example.com 127.0.0.1
  3. vue-cli中設(shè)置0.0.0.0:80端口進(jìn)行調(diào)試
  4. 微信開(kāi)發(fā)者工具使用home.example.com訪問(wèn)本地dev
2018年6月26日 10:18
編輯回答
初心

微信開(kāi)發(fā)者工具可以像chomre一樣設(shè)置跨域

2017年10月14日 03:34