Я хочу использовать web3 с узлом и vuejs для подключения к узлу Ethereum Parity.
- Я использую vue-cli с webpack.
- Паритет работает на локальном хосте.
- Когда я посещаю
http://localhost:8545
, я вижу, что говорит мне, что Parity слушает.
Я создал следующий компонент Vue:
<template>
<div class="hello">
<h1>{{ title }}</h1>
<h2>{{ accounts() }}</h2>
</div>
</template>
<script>
import Web3 from 'web3'
export default {
name: 'hello',
http: {
root: '/root',
headers: {
AccessControlAllowOrigin: 'true'
}
},
data () {
return {
title: 'web3.js App'
}
},
methods: {
accounts: function () {
const ethereumUri = 'http://localhost:8545' // 8540, 8545, 8180
let web3 = new Web3(new Web3.providers.HttpProvider(ethereumUri))
if (!web3.isConnected()) {
return 'Unable to connect to ethereum node at ' + ethereumUri
} else {
let accounts = web3.eth.accounts
return accounts
}
}
}
}
</script>
Когда я запускаю npm run dev
, я получаю это:
В консоли вижу это:
Я попытался добавить заголовок Access-Control-Allow-Origin, используя этот код конфигурации, но это не помогло. Ошибка консоли, по-видимому, указывает на то, что узлу четности необходимо установить этот параметр заголовка.
http: {
root: '/root',
headers: {
AccessControlAllowOrigin: 'true'
}
},
[rpc] cors = "*" hosts = ["*"].
- person Egor Stambakio   schedule 15.04.2017