Vue項目在本地如何調試微信sdkroot /home/workspace/ft-portal-admin/release-current/;

在main.js中引入

詳情請移步 微信官方sdk文檔

最近花了500塊錢 搞了個配置較高 阿裡伺服器 來學習 node 及對應的架構，現在：,阿裡雲雙11活動 1核2g1m，69元/1年，180元/3年

下面代碼是我的一個微信sdk注冊

methods: {

/**

注冊微信sdk

*/

onregisterweixinsdk() {

// 因為$wx剛剛已經在全局注測了，是以在這裡我們是可以直接this去調用的，sdk所需要的參數可以在擷取sdk參數的接口裡面去調用

this.$wx.config({

debug: false, // 開啟調試模式,調用的所有api的傳回值會在用戶端alert出來，若要檢視傳入的參數，可以在pc端打開，參數資訊會通過log打出，僅在pc端時才會列印。

appid, // 必填，公衆号的唯一辨別

timestamp, // 必填，生成簽名的時間戳

noncestr, // 必填，生成簽名的随機串

signature,// 必填，簽名

jsapilist: ['updateappmessagesharedata', 'updatetimelinesharedata'] // 必填，需要使用的js接口清單

})

},

設定微信分享參數

onregisterweixinshare() {

this.$wx.ready(() => {

// 分享給朋友

this.$wx.updateappmessagesharedata({

title, // 分享标題

desc, // 分享描述

link, // 分享連結，該連結域名或路徑必須與目前頁面對應的公衆号js安全域名一緻

imgurl, // 分享圖示

success () {

// 設定成功

}

// 分享到朋友圈

this.$wx.updatetimelinesharedata({

不知道hosts檔案目錄的童鞋請自行百度

ps：一般我們的vue項目端口是8080，也可能是 8787 8888，這個時候我們就需要使用nginx進行反向代理，如果我們不設定代理的話，我們通路這個域名 ydhtml.com:8888 就跟我們的js安全域名不一緻了，還不美觀，是以我們就需要用到反向代理，去将 ydhtml.com:8888 映射成 ydhtml.com

在nginx的根目錄下，然後進入 <code>conf</code> 檔案夾，然後建立一個檔案夾 <code>servers</code>，再建立一個檔案這個檔案名要跟你設定hosts name 一緻，這裡我的檔案名是 <code>ydhtml.com</code>，然後打開檔案，将以下内容複制進去

記得将端口和域名修改成你自己的，然後儲存

server

{

listen 80 ;

server_name ydhtml.com localhost;

index index.html index.htm;

location / {

proxy_pass http://ydhtml.com;

add_header 'access-control-allow-origin' '*';

add_header 'access-control-allow-credentials' 'true';