vue 3 image assets
Vue template Code
src/ooxx/ooxx/xx.vue
assets
File location:assets/img/tt.png
OK
Code:img src='@/assets/img/tt.png'
Become:
img src="/img/tt.f3b936ef.png"
Failed
Code:img src='@/img/nchcbclab.png'
img src='assets/img/tt.png'
img src='./assets/img/tt.png'
img src='../assets/img/tt.png'
img src="require('assets/img/tt.png') "
img src="require('./assets/img/tt.png') "
img src="require('../assets/img/tt.png') "
public
File location:public/img/tt.png
OK
Code:img src= '/img/nchcbclab.png'
Become:
img src= '/img/nchcbclab.png'
Failed
Code:img src= 'img/nchcbclab.png'
img src= 'public/img/nchcbclab.png'
img src='/public/img/nchcbclab.png'
vue 3 index.html
old vue index.html just copy to public directory.
If public don't have index.hmtl, be craeted by run "npm run serve". But public don't have index.html.
Only "npm run build" create index.html in dist driectory.
You delete all project index.html. This time still can run "npm run serve". Watch Website source code <title>Vue App</title>
Then put your custome into public directory then <title>Custome App ooxxooxx </title>
If public don't have index.hmtl, be craeted by run "npm run serve". But public don't have index.html.
Only "npm run build" create index.html in dist driectory.
More easy understand way:
You delete all project index.html. This time still can run "npm run serve". Watch Website source code <title>Vue App</title>
Then put your custome into public directory then <title>Custome App ooxxooxx </title>
vue babel 7
https://github.com/storybookjs/storybook/issues/5298
https://github.com/webpack/webpack/issues/4039
https://github.com/gmfe/Think/issues/67
Full code
https://github.com/webpack/webpack/issues/4039
https://github.com/gmfe/Think/issues/67
Cannot assign to read only property 'exports' of object '#<Object>'
babel.config.js
'sourceType': 'unambiguous', // 自动推断编译的模块类型(cjs,es6)
'ignore': [/@babel[/\\]runtime/], // 忽略 @babel/runtime
Full code
module.exports = {
'sourceType': 'unambiguous', // 自动推断编译的模块类型(cjs,es6)
'ignore': [/@babel[/\\]runtime/], // 忽略 @babel/runtime
presets: [
'@vue/app'
]
}
vue 3 vue-cli-service serve vue.config.js package.json docker
"serve": "vue-cli-service serve",
Some page modify vue-cli-service serve --host 0.0.0.0 --port 8978
This may in docker failed.
So some page modify vue.config.js
Use public is Failed!!
Use host port is Correct!!
PS:
.Put eslint is maybe get some eslint error, not about host ip port.
.disableHostCheck can remove for try by yourself env.
Some page modify vue-cli-service serve --host 0.0.0.0 --port 8978
This may in docker failed.
Error: listen EADDRNOTAVAIL: address not available
So some page modify vue.config.js
Use public is Failed!!
devServer: {
public: '0.0.0.0:80',
disableHostCheck: true,
}
Use host port is Correct!!
module.exports = {
chainWebpack: config => {
config.module.rules.delete('eslint');
},
devServer: {
host: '0.0.0.0',
port: '80',
//public: '0.0.0.0:80', //無效
disableHostCheck: true,
}
}
PS:
.Put eslint is maybe get some eslint error, not about host ip port.
.disableHostCheck can remove for try by yourself env.
Mirror Your Traffic Duplicate
goreplay
https://github.com/buger/goreplay
tcpcopy
https://github.com/session-replay-tools/tcpcopy
teeproxy
https://github.com/chrislusf/teeproxy
duplicator
https://github.com/agnoster/duplicator
goduplicator
https://github.com/mkevac/goduplicator
nginx mirror
haproxy mirror
https://github.com/buger/goreplay
tcpcopy
https://github.com/session-replay-tools/tcpcopy
teeproxy
https://github.com/chrislusf/teeproxy
duplicator
https://github.com/agnoster/duplicator
goduplicator
https://github.com/mkevac/goduplicator
nginx mirror
haproxy mirror
[轉]How to Mirror Your Traffic with Nginx
https://www.serverlab.ca/tutorials/linux/web-servers-linux/how-to-mirror-your-traffic-with-nginx/
ipfs
https://www.fil.club/view/77.html
端口8080是HTTP网关,它允许您使用浏览器查询ipfs数据(请参阅此示例)
端口4001是IPFS用于与其他节点通信的群集端口,端口5001用于本地API。
我们5001只会绑定127.0.0.1因为它不应该暴露给外界。
我们已经安装了数据和分段卷。
该data卷用于存储IPFS本地存储(配置和数据库),并且
staging是一个可用于暂存文件以供命令行使用的目录(例如ipfs add)。
如果您只使用API,则可以省略暂存目录卷。当然,随意将这些目录放在除了之外的其他地方/tmp。
端口8080是HTTP网关,它允许您使用浏览器查询ipfs数据(请参阅此示例)
端口4001是IPFS用于与其他节点通信的群集端口,端口5001用于本地API。
我们5001只会绑定127.0.0.1因为它不应该暴露给外界。
我们已经安装了数据和分段卷。
该data卷用于存储IPFS本地存储(配置和数据库),并且
staging是一个可用于暂存文件以供命令行使用的目录(例如ipfs add)。
如果您只使用API,则可以省略暂存目录卷。当然,随意将这些目录放在除了之外的其他地方/tmp。
[轉]用Go来做以太坊开发
https://github.com/miguelmota/ethereum-development-with-go-book
https://goethereumbook.org/zh/
https://goethereumbook.org/zh/
ethereum explorer
https://github.com/gobitfly/etherchain-light
https://github.com/gobitfly/erc20-explorer
https://github.com/carsenk/explorer
https://github.com/Capgemini-AIE/ethereum-docker/tree/master/monitored-geth-client
https://github.com/cubedro/eth-net-intelligence-api
https://github.com/cubedro/eth-netstats
Browse blocks and transactions
It's nice to have some simple analogue of Etherscan for your local chain browsing. It will be useful to examine transactions, balances, blocks and etc. It appeared that it is quite difficult to find an open-source good solution for geth. After several tries I found an acceptable solution called ETHExplorer V2. Clone it into explorer-v2 folder. To Dockerize it I had to make 2 changes. First create a Dockerfile
And change start script in package.json to "start": "http-server ./app -a 0.0.0.0 -p 8000 -c-1". This is required to allow connections to explorer from any IP (outside docker). Next we should create a service for explorer
https://github.com/gobitfly/erc20-explorer
https://github.com/carsenk/explorer
https://github.com/Capgemini-AIE/ethereum-docker/tree/master/monitored-geth-client
https://github.com/cubedro/eth-net-intelligence-api
https://github.com/cubedro/eth-netstats
Browse blocks and transactions
It's nice to have some simple analogue of Etherscan for your local chain browsing. It will be useful to examine transactions, balances, blocks and etc. It appeared that it is quite difficult to find an open-source good solution for geth. After several tries I found an acceptable solution called ETHExplorer V2. Clone it into explorer-v2 folder. To Dockerize it I had to make 2 changes. First create a Dockerfile
# ./explorer-v2/Dockerfile
FROM node:6
RUN mkdir -p /usr/src/app
WORKDIR /usr/src/app
COPY . /usr/src/app
RUN npm install && \
node_modules/.bin/bower install --allow-root
And change start script in package.json to "start": "http-server ./app -a 0.0.0.0 -p 8000 -c-1". This is required to allow connections to explorer from any IP (outside docker). Next we should create a service for explorer
./docker-compose.yml
# ...
explorer:
build: explorer-v2
container_name: explorer
command: npm start
ports:
- "8000:8000"
訂閱:
文章 (Atom)