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’

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 App Then put your custome into public directory then Custome App ooxxooxx

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. ．disableHostCheck can remove for try by yourself env. ...

package.json “_moduleAliases”