How does vue-cli get the pictures under static?

items are listed below:
screenshot 2018-04-04 4.37.25 p.m.

set

in config/index.js

build:{
    assetsSubDirectory: "static",
    assetsPublicPath: "/",
}

then get logo.png

in the vue file

data(){
    return {
        logoSrc: require("/static/logo.png")
    }
}

npm run dev
result error:

This dependency was not found:

* /static/logo.png in ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/components/login/login.vue

To install it, you can run: npm install --save /static/logo.png

solve.

Webpack vue.js

Mar.01,2021

require uses a relative path, and then generally refers to the one under the assets folder.
in fact, the files in static can be written directly to the absolute path.

logoSrc: '/static/xxx'
// 
logoSrc: require('../../static/xxx')

< hr >

then use the absolute path to write directly. If you run it after packaging, you need to start it with the service, otherwise the absolute path will be wrong and other configurations need to be changed.

Previous: Unable to push refs to the remote end. You can try to run the pull function to integrate your changes.

Next: Suppose that the response time of an interface is 0.06s, and now there are 52 fpm, on the machine. How many concurrent requests can you support?

Webpack separates and packages the image referenced in css,css separately. How to solve this problem?
now my project is to package css and js separately, and the directory structure after packaging is the same as before. before packing: csscssimages.. csscss.. .. : webpack.config.js csscss csscss I would like to ask all the great gods, what ...

Webpack vue.js javascript

Feb.28,2021
What is the role of node in vue scaffolding webpack configuration?
question: when I use vue2.5.2 scaffolding to generate a webpack project, I find that it has a configuration node under the automatic generation file build webpack.base.conf.js. What is it and what is it for? ...

Webpack vue.js

Feb.28,2021
Vue project cannot run problem
it was fine when the computer was turned off yesterday, and that s how it started today ...

Webpack vue.js

Feb.28,2021
Webpack packaged the vue project, but the template content of vue was not displayed.
just started to learn the project development of webpack+vue, and ran it with webpack-dev-server after configuration, but there was nothing wrong with the page. I ve been looking for it for two days and I still don t know why. here is the code pac...

Webpack vue.js javascript

Feb.28,2021
Vue project, why the common code mainfest is not added to the index.html packaged by webpack
after the vue project is packaged, run the report: webpackjsonp is not defined webpack.prod.conf.js new HtmlWebpackPlugin({ filename: process.env.NODE_ENV === testing ? index.html : config.build.index, template...

Package webpack vue.js

Feb.28,2021
How does vue turn off e2e testing
I accidentally typed a y while installing scaffolding, so I installed e2e . ask you how to delete this report a lot of errors if this folder is deleted directly ...

Webpack vue.js

Feb.28,2021
Npm run dev
is npm run dev a service? why can t you use the mobile phone of the same router to access the computer s ip plus port? ...

Node.js npm webpack vue.js javascript

Feb.28,2021
Vue2.0 high imitation music webApp cross-domain acquisition of data
recently I watched the teaching video of vue2.0 high imitation music webapp, but because the version of vue-cli (vue-cli version is 2.8.2) is different, there is no dev-server.js file in my build directory. On the video, the request for cross-domain da...

Node.js webpack vue.js

Feb.28,2021
A quill-image-extend-module component in vue-quill-editor has a packaging error
mistakes in packing Times are as follows: but it can be used normally in development mode. Refer to the website that you want to configure es2015, in .babelrc, but I have already configured . { "presets": [ ["env", { ...

Webpack vue.js

Mar.01,2021
App.vue introduces global less unavailability issues
less-loder has been installed theme.less @wid:1000px; App.vue <style lang="less"> @import . style theme.less ; < style> search.vue <style lang= less scoped> .dataSearch { width: @wid; } < style> ...

Front-end webpack vue.js less

Mar.01,2021
How to use the server's system environment variables in configuration files such as vue,webpack project, prod.env.js under config, etc.
what is written in the configuration file directly is the private network url, but now you want to use the environment variables configured on the server instead. How to modify it module.exports = { NODE_ENV: "production" , ENV_CONFIG: ...

Javascript webpack vue.js

Mar.01,2021
Vue made a lot of mistakes.
exactly what went wrong, it is not very clear ...

Html front-end webpack vue.js

Mar.01,2021
Vue picture path problem
the directory structure is as follows 1. I try to put pictures directly into index.html, using the absolute path in static can be achieved, but loading pictures in assets is not good, and the relative path is useless, how to achieve html files if you...

Webpack vue.js javascript

Mar.02,2021
Nuxt.js uses less-loader to load less styles and finds out why variables cannot be loaded.
my global variable configuration vue :@base-color-red less@ ...

Nuxt.js webpack vue.js

Mar.02,2021
How to correctly add `'@': resolve ('src') `?
in webpack.base.config.js , why do I add @ : resolve ( src ) in resolve -> alias npm run dev ? ... resolve: { extensions: [ .js , .vue ], alias: { vue : vue dist vue.esm.js , @ : resolve( src ) } }...

Webpack vue.js

Mar.02,2021
How to package components with vue webpack-simple in order to use them directly
I want to make a vue component by myself, but if I want to mention it separately, I can put it in other projects. Other projects use cdn, so I want to make a plug-in like JQ, as long as I reference vue.js and my compiled components. it s a pity that I...

Javascript webpack vue.js

Mar.02,2021
Vue webpack newly built project build reports an error after packaging
vue init webpack project npm run build after reporting an error Failed to load resource: the server responded with a status of 404 (Not Found), has any friend ever encountered such a problem? ...

Webpack vue.js

Mar.02,2021
Element-ui brings in components on demand
when you open the page after it is introduced on demand, it will prompt you for about 3 seconds console does not show throw error, black question mark face! ...

Webpack vue.js element-ui

Mar.02,2021
Vue configure css background map path and packaging path conflict
the reason for the loss of css background image after packaging is due to under build. assetsPublicPath: , but the solution to the blank screen after the project is packaged is to set assetsPublicPath to . . How to solve this ...

Webpack vue.js

Mar.02,2021
Vue regular problem
has an input input box, and you need to add a regular to its keyboard event. the requirements are as follows: users can only enter letters and numbers (no spaces) convert to uppercase letters automatically if lowercase letters are entered if yo...

Regular-expression webpack vue.js

Mar.03,2021