鍍金池/ 問答/網(wǎng)絡(luò)營銷  HTML/ 請教vue項目中引用微信jssdk

請教vue項目中引用微信jssdk

本地vue組件構(gòu)建的微信公眾號項目，引用了微信jssdk，內(nèi)部開發(fā)模式運行web（npm run dev）.

localhost IP ：192.168.18.120:8010，花生殼做了外部端口80映射 -> 內(nèi)部8010端口，公眾號上配置了域名也已經(jīng)通過（TXT文件驗證），外部80端口能正常訪問 web（8010端口）。

出現(xiàn)的問題：
項目中引入 wx-jssdk.js 文件，使用微信開發(fā)者工具調(diào)試開發(fā)，出現(xiàn)了跨域問題↓↓↓

clipboard.png

請問本地的服務(wù)端怎么調(diào)跨域？怎么解決呢？搜索了資料可以使用 ↓↓↓

clipboard.png

請教要怎么使用？webpack.config.js要怎么配置？ 當前的 配置

clipboard.png

或者有什么方法呢？求教

回答
編輯回答
夢若殤

clipboard.png
意思就這個文件 跨域了，并且不包含在你 允許的target中 按理說js文件不存在跨域問題
可能是這個文件中存在請求

2017年5月26日 13:55
編輯回答
鹿惑

怎么引入的？可以試試用npm 安裝 npm install weixin-js-sdk --save

下載完后，查看node_modules文件夾，已經(jīng)有weixin-js-sdk相關(guān)依賴包
圖片描述

在需要的地方引入

const wx = require('weixin-js-sdk')
export default {
  name: 'app',
  mounted(){
    console.log(wx)
  }
}

打開頁面，查看打印內(nèi)容
圖片描述

可以正常使用，不用考慮跨域問題

2018年3月4日 13:09