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='https://hugo-indol-chi.vercel.app/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. More easy understand way: You delete all project index.html. This time still can run “npm run serve”. Watch Website source code Vue AppThen put your custome into public directory then Custome App ooxxooxx

繼續閱讀

vue babel 7

https://github.com/storybookjs/storybook/issues/5298 https://github.com/webpack/webpack/issues/4039 https://github.com/gmfe/Think/issues/67 Cannot assign to read only property ‘exports’ of 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' ] }

繼續閱讀

“serve”: “vue-cli-service serve”, 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.

繼續閱讀

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

繼續閱讀

作者的圖片

Sue boy

Sueboy Can support You

CIO

Taiwan