基于hyperledger fabric 聯盟鏈 + vue cli的專案搭建完整教程
- 三、vue專案前端搭建以及區塊鏈后端（前后端分離）前期準備和跨域設定
- 1. vue 專案
- 2. 區塊鏈與vue前端跨域設定
三、vue專案前端搭建以及區塊鏈后端（前后端分離）前期準備和跨域設定
1. vue 專案
前端vue專案自行設計，按照自己專案的商業計劃書，我這里要做一個關于許可鏈的重要車輛軌跡存盤DApp，并支持歷史交易回溯
執行vue專案部署，刪掉node_modules檔案夾
執行
nvm use 10.6.0
npm install
npm run serve
2. 區塊鏈與vue前端跨域設定
nvm install 6.11.4
nvm use 6.11.4
npm install --save koa-bodyparser
npm install --save koa2-cors
nvm use 8.9.4
引入跨域、POST模塊
const bodyParser = require('koa-bodyparser')
const cors = require('koa2-cors')
app.use(bodyParser());
app.use(cors());
在vue中配置axios，在main.js中添加
import axios from 'axios'
import VueAxios from 'vue-axios'
Vue.prototype.$http = axios
Vue.use(VueAxios,axios)
現在就可以呼叫區塊鏈的介面node API了
如：
//發起插入區塊鏈交易
var username = "kunshen"
this.$http({
method : 'get',
url : "http://localhost:3000/saveUser?username="+username,
// data : username
}).then(function(res){
console.log(res);
alert("投票交易hash tx_id: "+ res.data);
// location.reload()
});
轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/262603.html
標籤：區塊鏈
上一篇：BSC智能鏈一鍵發幣工具