Vue project is packaged on Nginx, font icon resources cannot be displayed

as described in the question

after I have packaged and deployed to nginx, the console displays the following message after opening it

clipboard.png

clipboard.png

beginners don"t know much about the packaging configuration of Vue. Which file should I be in and how to change it to load font icon resources correctly

Jun.15,2022

the referenced font is in the css file, so you can modify the path in css


check whether it is the path problem of @ font-face

https://stackoverflow.com/que...


my solution is:
find the utils.js under build, and
put the original configuration

loaders.push({
    loader: MiniCssExtractPlugin.loader,
    options: {
      publicPath: '../../'
    }
})

personal test is valid

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1e42844-59a0d.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1e42844-59a0d.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?