vue在vsCode中打包后,点开index.html文件后为空白页面

原因就是找不到资源

那大多数是因为你改动了config中的build这个属性

//在config中找到这个bulid
现在是要打包成 
/static/admin/img(js)(css)(静态文件)
/views/admin/index.html(显示页面)
build: {
    // Template for index.html
    index: path.resolve(__dirname, '../dist/views/admin/index.html'),

    // Paths
    assetsRoot: path.resolve(__dirname, '../dist/static/admin'),
    assetsSubDirectory: '',
    assetsPublicPath: '../../static/admin/', //这里是配置index.html怎么去访问其静态资源

很多时候是因为你改动了build的index: path.resolve的路径,而没有去改assetsPublicPath
配置index.html怎么去访问其静态资源,所以出现的访问不到资源
你就从index.html这样一个文件路径,怎么可以访问到这里的admin文件夹里面就可以了

如果你发现你的img标签的图片可以正常显示,但是你的背景图片不可以,那么你可以看看这里

打包后背景图片没有显示
https://blog.csdn.net/weixin_42206375/article/details/105807680

Logo

前往低代码交流专区

更多推荐